Problèmes d'image lors de l'utilisation de jQuery Slideshowlite avec un site Web basé sur DNN

Question

Fondamentalement, lorsque la page s'ouvre, les images contenues dans le diaporama sont temporairement empilées avant d'être placées correctement dans le diaporama.

Je pense que cela est peut-être dû au fait que DNN affiche les images situées dans le code HTML avant d'exécuter les fichiers de script. Il en résulte une liste d'images (elles sont en < li> tags) placées l'une sur l'autre (pendant environ 2 secondes), avant de se comporter normalement.

choses Iv essayé:

1. placer le script qui appelle le diaporama à la fin du HTML (Quelqu'un a suggéré cela, aucune idée pourquoi cela fonctionnerait bien).
2. cacher la div contenant les images initialement, puis utiliser un script qui révèle la div en utilisant jquery et css une fois le document chargé. (Par exemple: display: none >>> display: block)

pour les personnes intéressées ici est un lien vers le site (utilise Bitly): http: //bit.ly/gNfWRx

beaucoup apprécié

Peter

Answer 1

La stratégie 2 devrait fonctionner. Si vous placez un div autour de vos objets div/li actuels et que vous faites cet affichage: none ou changez la visibilité. Ensuite, dans votre document jQuery. Prêt après l'initialisation du diaporama, vous exécuterez un peu de jQuery pour trouver cette div puis show(). Pourrait prendre un peu de travail, mais cette stratégie devrait fonctionner très bien.