Javascript Rollovers in IE

Je hebt deze code:

<div class="ringband_schuif">
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF1932.JPG";" style="width: 23px;"/>
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF1972.JPG";" style="width: 23px;"/>
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF1995.JPG";" style="width: 23px;"/>
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF2017.JPG";" style="width: 23px;"/>
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF2021.JPG";" style="width: 23px;"/>
<div class="ringband_p" onmouseover="document.getElementById("Bos_preview").src="http://www.hermanbanken.nl/lette-fotografie/fotos/mensen/Bos/DSCF2035.JPG";" style="width: 23px;"/>
</div>

En dat heb je nodig voor elk plaatje! Bovendien staat alle JavaScript en HTML door elkaar. Maar goed; ik vermoed dat het niet in je JavaScript zit, maar in je CSS. Worden die divs die je over de plaatjes heen legt wel goed gerenderd in IE? Geef ze eens een background van #fd0 en kijk eens hoe je pagina er dan uit ziet?

Dat zal ik eens testen. Maar hoezo staan de JavaScript en HTML door elkaar? Vind je dat onmouseover niet zo gebruikt moet worden ofzo?

Dit is b.t.w. PHP gegenereerde HTML dus die breedtes zijn variabel omdat niet in elk album evenveel plaatjes zitten.

Je had gelijk, in IE zie je geen geel en in Firefox wel.
Ik ga kijken hoe ik dit kan oplossen, maar als jij het al weet:
graag even posten :P

Edit:
Ik heb nu ontdekt dat ze in IE er achter zitten. (ik had een 2px solid border toegevoegd en toen kon je zie er net langs en onderdoor zien).
Maar ik heb wel een z-index geset. Dus ligt het aan de z-index die door een andere eigenschap niet werkt. Weten jullie waarom?

Nog een edit:
Gaat een absolute div met z-index soms altijd óver een relative div met z-index héén?

Jan Koehoorn schreef op 09.05.2008 08:43

En dat heb je nodig voor elk plaatje! Bovendien staat alle JavaScript en HTML door elkaar.

Hoe zouden jullie het dan aanpakken?

Het probleem is opgelost als ik de divs een achtergrondkleur geef (ik geeft dan een opacity:0 mee zodat je die niet ziet), en als ik die achtergrond niet opgeef werkt hij niet. Heel vreemd. Weten jullie een verklaring?

Ik neem aan dat als je bijvoorbeeld het album van het dolfinarium hebt dat je daar verder geen updates meer een pleegt de komende dagen/weken/maanden. Misschien is het dus een optie om gewoon een animeted gif van enkele geselecteerde afbeeldingen te maken en die als thumbnail aan een map mee te geven...

Rene schreef op 09.05.2008 16:38

Ik neem aan dat als je bijvoorbeeld het album van het dolfinarium hebt dat je daar verder geen updates meer een pleegt de komende dagen/weken/maanden. Misschien is het dus een optie om gewoon een animeted gif van enkele geselecteerde afbeeldingen te maken en die als thumbnail aan een map mee te geven...

geen optie. Het is niet mijn site en de gebruiker kan niet iedere keer een gif bestand gaan maken. Het is een fotografe die bijvoorbeeld al haar macro foto's elke keer in de zelfde map erbij zet.

edit: het wordt haar site. Ik gebruik mijn site als testserver. Als hij af is komt hij op lette.eu