Ergebnis 1 bis 5 von 5

Thema: mouseover mit 2 Bildwechseln

  1. #1
    wba
    Gast

    Standard mouseover mit 2 Bildwechseln

    Moinmoin,

    habe das Problem, daß zwar bei mouseover zwei bilder gewechselt werden, aber das mouseout nur eines davon wieder zurückwechselt.

    Hier mal der Code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <title>mouseover mit 2 bildwexeln</title>
    <script>
    <!--
    function MM_preloadImages&#40;&#41; &#123; //v3.0
     var d=document; if&#40;d.images&#41;&#123; if&#40;!d.MM_p&#41; d.MM_p=new Array&#40;&#41;;
     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for&#40;i=0; i<a.length; i++&#41;
     if &#40;a&#91;i&#93;.indexOf&#40;"#"&#41;!=0&#41;&#123; d.MM_p&#91;j&#93;=new Image; d.MM_p&#91;j++&#93;.src=a&#91;i&#93;;&#125;&#125;
    &#125;
    
    function MM_swapImgRestore&#40;&#41; &#123; //v3.0
      var i,x,a=document.MM_sr; for&#40;i=0;a&&i<a.length&&&#40;x=a&#91;i&#93;&#41;&&x.oSrc;i++&#41; x.src=x.oSrc;
    &#125;
    
    function MM_findObj&#40;n, d&#41; &#123; //v3.0
      var p,i,x;  if&#40;!d&#41; d=document; if&#40;&#40;p=n.indexOf&#40;"?"&#41;&#41;>0&&parent.frames.length&#41; &#123;
        d=parent.frames&#91;n.substring&#40;p+1&#41;&#93;.document; n=n.substring&#40;0,p&#41;;&#125;
      if&#40;!&#40;x=d&#91;n&#93;&#41;&&d.all&#41; x=d.all&#91;n&#93;; for &#40;i=0;!x&&i<d.forms.length;i++&#41; x=d.forms&#91;i&#93;&#91;n&#93;;
      for&#40;i=0;!x&&d.layers&&i<d.layers.length;i++&#41; x=MM_findObj&#40;n,d.layers&#91;i&#93;.document&#41;; return x;
    &#125;
    
    function MM_swapImage&#40;&#41; &#123; //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for&#40;i=0;i<&#40;a.length-2&#41;;i+=3&#41;
       if &#40;&#40;x=MM_findObj&#40;a&#91;i&#93;&#41;&#41;!=null&#41;&#123;document.MM_sr&#91;j++&#93;=x; if&#40;!x.oSrc&#41; x.oSrc=x.src; x.src=a&#91;i+2&#93;;&#125;
    &#125;
    //-->
    
    </script>
    </head>
    <body bgcolor="#ffffff">
    
    
    link</p>
    
    
    [img]gelb.gif[/img] [img]blau.gif[/img]</p>
    </body>
    </html>
    Findeste nich das das soo lesbarer ist ? mFg crAzywuLf

    Warum wird nur ein Bild zurückgesetzt???

    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ??? was sind das den für hefitige funktinen für dieses aufgabe???

    Hastdu die selbst gechrieben oder geklaut??

    Weil man das agnze wesentlich einfach lösen kann.

  3. #3
    wba
    Gast

    Standard

    Das ist afaik eine Funktion aus Dreamweaver. Ich pack die normalerweise nicht ins HTML, sondern lagere sie in ein scripts.js aus (mit anderen Funktionen) und brauche dann bei eventhandlern nur darauf zu referenzieren, z.B. mit dem "MM_swapImage". Vor allem muß ich nicht jedesmal ne u.U. andlose Liste der verwendeten Bilder basteln...

    Wenn Du aber noch ne einfachere Lösung hast... )

  4. #4
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Lass mich raten du suchst soetwas ???

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <script language="javascript">
    function imagechange&#40; bild1, bild2 &#41;
    	&#123;
    	document.bild1.src = bild1;
    	document.bild2.src = bild2;
    	&#125;
    
    </script>
    </head>
    <body>
    
    link
    
    
    
    </p>
    [img]gelb.gif[/img]
    [img]blau.gif[/img]
    </body>
    </html>
    Habe ich ebend geschrieben. Und finde es doch einfacher als das was du da hast.

  5. #5
    Gast

    Standard

    Hab die Lösung, die Zahl bei MM_swapImage(x,x,x,1) ist sinnlos. Mach folgenden Aufruf onMouseOver="MM_swapImage(name1,,'bild1.jpg',name2 ,,'bild2.jpg')" und dann geht das.

    nico

Ähnliche Themen

  1. Mouseover mit CSS
    Von Darius im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 29.03.2007, 19:56
  2. mouseover
    Von Poketyce im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 30.09.2006, 12:57
  3. mouseover
    Von cthulhu im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 29.09.2006, 08:53
  4. Mouseover
    Von Gigazone im Forum HTML & CSS Forum
    Antworten: 31
    Letzter Beitrag: 25.05.2005, 23:00
  5. Mouseover
    Von starnet im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 18.11.2004, 17:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •