[QUOTE=RudiU;26765]Hi @ all,
habe im _header.tpl meines Shop eine kleine Slideshow über die jQueryLibray in Verbindung mit dem Cycle Plugin eingebaut. Es werden 6 verschiedene Grafiken (a ca. 50 KB) verwendet, die da abwechselnd nach ca. 6 - 8 Sekunden rotieren.
Immer wenn ich mit meiner Entwicklung unter Ubuntu fertig bin starte ich mein XP und teste das Ganze unter MS-IE Explorer.
Da habe ich nun festgestellt das, egal welchen Link ich anklicke, d.h. wenn der Seitenaufbau neu generiert wird, die ganze Latte der 6 Grafiken erstmal untereinander eingeblendet wird, was natürlich unschön aussieht und jedesmal zu einem “Zucken” der ganzen Seite führt.
Unter meinem Ubuntu und Firefox 3.5.8 ist das Symptom gar nicht bzw. kaum erkennbar.
Frage: Woran hängt das? Größe der Grafiken oder generell am IE? oder weil das Ganze im header Template integriert ist?
In anderen Shops werden doch auch Slideshows verwendet, hm …
Gruß
RudiU[/QUOTE]
Der IE hat, zusätzlich zu all den vielen anderen Problemen, halt eine lausige Javascript-Performance, so dass es länger dauert, bis das Slideshow-Skript die Bilder richtig angeordnet hat…
Ich weiss ja nicht, welches Modul Du verwendest…
Mein Slider-Modul verwendet folgende Struktur, um die Slideshow zu beschreiben:
<div class=“slideshow” style=“background-repeat:no-repeat;background-image: url(slideshow/german/fading_1.jpg);”>
<ul style=“margin-left:-5000px”>
<li class=“slideshow_entry”></li>
<li class=“slideshow_entry”></li>
<li class=“slideshow_entry”></li>
<li class=“slideshow_entry”></li>
</ul>
</div>
Ich habe also die “UL” mit den Bildern erst mal aus dem Sichtbereich verschoben (style=“margin-left:-5000px”), so dass man die Bilder nicht sieht.
Das jQuery-Slider-Plugin setzt die “margin” dann auf “0” zurück, so dass die Bilder wieder sichtbar sind, erfreulicherweise aber erst, wenn die “LI” richtig positioniert sind, so dass die nicht mehr untereinander liegen…
Damit beim Laden in dem Bildbereich kein leerer Platz vorhanden ist, setze ich noch in dem übergeordneten “DIV.slideshow” das erste Slide als Hintergrundbild (style=“background-repeat:no-repeat;background-image: url(slideshow/german/fading_1.jpg);”), das aber später von der “UL” überlagert wird.
So wird der beschriebene Effekt, dass beim Laden alle Bilder sichtbar sind, vermieden.