Ergebnis 1 bis 5 von 5
  1. #1
    nkk
    nkk ist offline Grünschnabel
    registriert
    24-01-2008
    Beiträge
    5

    Question mouse over verschiebt sich

    Hi, hab folgendes problem.

    das script unten funktioniert tadelos sobald ich davor ein bild im quelltext einfüge verschiebt sich der mouseover effetk bzw rollover.

    kann mir jemand sagen wieso ?

    danke schonmal....

    Code:
    	
    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "pics/navi_normal_02.jpg";    
    Highlight1 = new Image();
    Highlight1.src = "pics/navi_hover_02.jpg"; 
    
    Normal2 = new Image();
    Normal2.src = "pics/navi_normal_03.jpg";  
    Highlight2 = new Image();
    Highlight2.src = "pics/navi_hover_03.jpg";
    
    Normal3 = new Image();
    Normal3.src = "pics/navi_normal_04.jpg";    
    Highlight3 = new Image();
    Highlight3.src = "pics/navi_hover_04.jpg"; 
    
    Normal4 = new Image();
    Normal4.src = "pics/navi_normal_05.jpg";    
    Highlight4 = new Image();
    Highlight4.src = "pics/navi_hover_05.jpg"; 
    
    
    Normal5 = new Image();
    Normal5.src = "pics/navi_normal_06.jpg";    
    Highlight5 = new Image();
    Highlight5.src = "pics/navi_hover_06.jpg";
    
    
    Normal6 = new Image();
    Normal6.src = "pics/navi_normal_07.jpg";   
    Highlight6 = new Image();
    Highlight6.src = "pics/navi_hover_07.jpg"; 
    
    function Bildwechsel (Bildnr, Bildobjekt) {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>
    
    <table width="750" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td>
    			<img src="pics/navi_normal_01.jpg" width="36" height="65" alt="navi" /></td>
    		<td>
    			<a href="?id=1" onmouseover="Bildwechsel(1, Highlight1)" onmouseout="Bildwechsel(1, Normal1)">   
       			<img src="pics/navi_normal_02.jpg" width="113" height="65" border="0" alt="TEST" /></a></td>
    		<td>
    
    			<a href="?id=2" onmouseover="Bildwechsel(2, Highlight2)" onmouseout="Bildwechsel(2, Normal2)">
    			<img src="pics/navi_normal_03.jpg" width="114" height="65" border="0" alt="TEST" /></a></td>
    		<td>
    			<a href="?id=3" onmouseover="Bildwechsel(3, Highlight3)" onmouseout="Bildwechsel(3, Normal3)">
    			<img src="pics/navi_normal_04.jpg" width="113" height="65" border="0" alt="TEST" /></a></td>
    		<td>
    			<a href="?id=4" onmouseover="Bildwechsel(4, Highlight4)" onmouseout="Bildwechsel(4, Normal4)">
    			<img src="pics/navi_normal_05.jpg" width="113" height="65" border="0" alt="Kontakt" /></a></td>
    		<td>
    
    			<a href="?id=5" onmouseover="Bildwechsel(5, Highlight5)" onmouseout="Bildwechsel(5, Normal5)">
    			<img src="pics/navi_normal_06.jpg" width="114" height="65" border="0" alt="TEST" /></a></td>
    		<td>
    			<a href="?id=6" onmouseover="Bildwechsel(6, Highlight6)" onmouseout="Bildwechsel(6, Normal6)">
    			<img src="pics/navi_normal_07.jpg" width="113" height="65" border="0" alt="TEST" /></a></td>
    		<td>
    			<img src="pics/navi_normal_08.jpg" width="34" height="65" alt="" /></td>
    	</tr>
    </table>

  2. #2
    kicia ist offline Routinier
    registriert
    05-02-2008
    Beiträge
    434

    AW: mouse over verschiebt sich

    Wo hast Du das Bild denn eingefügt ?

    EDIT: Achso, vermutlich hast Du vergessen, die Parameter in Bildwechsel( x, x ) anzupassen. Wenn Du ein Bild einfügst, wird Bild 1 zu Bild 2 usw.
    Geändert von kicia (13-03-2008 um 08:09 Uhr) Grund: Erkenntnis
    Gruß, kicia

  3. #3
    nkk
    nkk ist offline Grünschnabel
    registriert
    24-01-2008
    Beiträge
    5

    Cool AW: mouse over verschiebt sich

    es funktioniert nicht wenn im quelltext irgendwo vorher ein anderes bild eingebunden ist ansonsten schon.

    hmmm...


    onmouseover="Bildwechsel(1, Highlight1)" ist somit definiert
    onmouseout="Bildwechsel(1, Normal1)" ebenfalss definiert.


    jetzt sollte navi_normal_02.jpg mit navi_hover_02.jpg wechseln, tuts aber nicht.

    statt dessen tauscht navi_normal_01.jpg mit navi_hover_02.jpg wenn ich über navi_normal_02.jpg mit der maus gehe.


    danke und gruß

  4. #4
    ele
    ele ist offline Routinier
    registriert
    27-12-2007
    Beiträge
    473

    AW: mouse over verschiebt sich

    Kein Wunder:

    Code:
    window.document.images[Bildnr].src = Bildobjekt.src;
    document.images ist ein Array, dass alle Bilder enthält und zwar in der Reihenfolge in der sie im HTML definiert sind. Wenn du ein Bild vorher einfügst musst du das argument für bildnr dementsprechend anpassen. Siehe dazu auch Kicias Kommentar.

    Aus genau diesem Grund rate ich eigentlich von document.images ab. Die Verwendung von document.getElementById() ist wesentlich robuster.

  5. #5
    nkk
    nkk ist offline Grünschnabel
    registriert
    24-01-2008
    Beiträge
    5

    AW: mouse over verschiebt sich

    jo danke euch. ich habs wärend dessen mit css gelöst.

Ähnliche Themen

  1. Mouse Over Problem
    Von RealRacer im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 27-02-2007, 20:56
  2. Mouse Over mit Vorschaueffekt
    Von Huaba im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 14-03-2005, 15:51
  3. Navigations-Menü
    Von Angel-M im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 05-02-2005, 21:01
  4. Menü mit einfachem Mouse over - wo ist der fehler?
    Von powdaer im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 18-11-2004, 08:53
  5. Mouse over funzt nicht!?
    Von kemi im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 07-03-2002, 16:07

Lesezeichen

Berechtigungen

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