tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
416
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    dark_ghost dark_ghost ist offline Mitglied Gold
    Registriert seit
    Dec 2004
    Beiträge
    155
    Hallo zusammen,

    ich bin gerade dabei die Navigation für mein neues Webprojekt zu erstellen und hierbei stellt sich nun ein Problem beim Bildertausch!


    Was möchte ich machen:

    Bild_A wird angezeigt, bei OnMouseOver wird eine Funktion aufgerufen, die Bild_A durch Bild_B austauscht.

    Bei OnClick wird Bild_B durch Bild_C ausgetauscht.


    Jetziger Status:

    Oben genannter austausch funktioniert mit folgendem Code:

    Javascript für den Tausch ->
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    
     function MM_preloadImages() { //v3.0
       var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
         var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
         if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
     }
     
     function MM_swapImgRestore() { //v3.0
       var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
     }
     
     function MM_findObj(n, d) { //v4.01
       var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
         d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
       if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
       for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
       if(!x && d.getElementById) x=d.getElementById(n); return x;
     }
     
     function MM_swapImage() { //v3.0
       var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
        if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    Einbinden des JS im HTML-Code ->
    HTML-Code:
    <a href="#"
        onMouseOver="MM_swapImage('news','','images/buttons/h_news.gif',0)"
        onClick="MM_swapImage('news','','images/buttons/a_news.gif',0)">
      <img src="http://www.tutorials.de/forum/images/buttons/i_news.gif" name="news" alt="news" width="160" height="30" border="0" id="news">
     </a>

    Mein Problem:

    Bild_C bleibt bestehen wird also nicht bei OnMouseOver zurückgetauscht, das ist auch gewollt. Was ich möchte ist, dass Bild_C erst dann zurückgetauscht wird, wenn ein anderer Link aktiviert wird.

    Würde mich über Tipps und Anregungen freuen.
    Vielen Dank
    Andreas
     

  2. #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
     

  3. #3
    dark_ghost dark_ghost ist offline Mitglied Gold
    Registriert seit
    Dec 2004
    Beiträge
    155
    Vielen Dank für die schnelle Hilfe, funktioniert wunderbar auf diese weise !!


    Danke,
    Andreas
     

Ähnliche Themen

  1. Bilder tauschen bei Hyperlink aktiv
    Von Bencher im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 01.08.06, 15:07
  2. Bilder tauschen per OnClick()
    Von Radhad im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 02.03.06, 09:59
  3. Bilder tauschen?
    Von elNinO im Forum Javascript & Ajax
    Antworten: 12
    Letzter Beitrag: 08.08.03, 20:07
  4. Bilder von Buttons automatisch tauschen ?
    Von Br@ndin im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.08.03, 21:23
  5. Bilder tauschen!
    Von Feldhofe im Forum Javascript & Ajax
    Antworten: 10
    Letzter Beitrag: 10.04.02, 22:32