Bildprobleme bei der Verwendung von jQuery Slideshowlite mit DNN-basierter Website

Question

Wenn die Seite geöffnet wird, werden die Bilder in der Diashow vorübergehend gestapelt, bevor sie korrekt in die Diashow eingefügt werden.

Ich denke, das könnte daran liegen, dass DNN die Bilder zuerst im HTML rendert, bevor es die Skriptdateien durchläuft. Dies führt zu einer Liste von Bildern (sie sind in < li> Tags), die übereinander angeordnet sind (etwa 2 Sekunden lang), bevor sie sich normal verhalten.

Things Iv versucht:

1. das Skript platzieren, die die Diashow am Ende des HTML-Anrufe (Jemand dies vorgeschlagen, keine Ahnung, warum es aber funktionieren würde).
2. das div verstecken, das die Bilder anfänglich enthält und dann ein Skript verwenden, das das div mit jquery und css enthüllt, sobald das Dokument geladen wurde. (ZB: display: none >>> display: block)

für Interessenten, hier ist ein Link auf die Website (verwendet Bitly): http: //bit.ly/gNfWRx

Viel

geschätzt

Peter

Answer 1

Strategie # 2 sollte funktionieren. Wenn Sie ein div um Ihre aktuellen div/li Elemente legen und diese Anzeige machen: keine oder ändern Sie die Sichtbarkeit. Dann in Ihrem jQuery document.ready nach der Diashow-Initialisierung in der Ausführung würden Sie einige jQuery ausführen, um das div zu finden und dann show() es. Macht vielleicht ein bisschen Arbeit, aber diese Strategie sollte gut funktionieren.