jQuery Scrollable und mouseover geht nicht.

[Nycon]

Hallo zusammen

Ich benutze für meine Webseite gerade ein jQuery Scrollable.
http://flowplayer.org/tools/demos/scrollable/site-navigation.html

Ich habe auf jeder Seite Bilder mit kommentaren eingefügt. Nun möchte ich über die kommentare ein mouseover legen welches die helligkeit des Bildes verändert. Dazu möchte ich mit getElementByID auf das jeweilige Bild refferenzieren. Dies klappt auf der ersten Seite ganz gut wenn ich allerdings die Seite wechsel (mit den grauen Punkten oben) dann geht nix mehr.

Hier der Aufbau:

                      <div class="item">  
  
    <div class="imagecontend">  
  
        <!-- Row 1 - Column 1 -->  
        <a href="egypt10.html">  
        <img src="pix/years/10egypt.jpg" id="egypt10" class="thumbnail" width="260" height="173" hspace="0" vspace="0" border="0"  
         onmouseover="this.style.opacity = 0.8;" onmouseout="this.style.opacity = 1"/></a><a class="picspacer"></a>  
  
        <div class="picformat">  
            <a href="egypt10.html" onmouseover="document.getElementById('egypt10').style.opacity = '0.8';">EGYPT UW</a>  
        </div>  
  
    </div>  
  
</div>  

Nun muss ich irgendwie einen Weg finden um auf das jeweilige Bild der Seite zu refferenzieren. Nur wie? Irgend eine Idee?

[suit]

Nur wie? Irgend eine Idee?

Du verwendest ein Framework - nein, eigentlich nicht: mach es ganz einfach konsequent. jQuery stellt selbst für derart triviale Dinge idiotensichere Methoden zur Verfügung.

.bind(), $(this) und .css() solltest du dir ansehen.

[Joachim]

Hi,

Dies klappt auf der ersten Seite ganz gut "0" border="0"

aber nur (wenn überhaupt)...

onmouseover="this.style.opacity = 0.8;"

... solange User nicht eine IE < 9 verwendet, der solcherlei bekanntlich über die Filter macht.

Gruesse, Joachim