Quelqu'un peut-il m'aider à comprendre pourquoi ce plugin de galerie se comporte de cette façon?

Question

J'utilise jQuery et un plugin appelé Galleriffic pour afficher des images et du texte sur un site web que je développe. J'ai seulement modifié le CSS (taille et couleur principalement) pour adapter ma page, mais pour une raison quelconque le texte qui s'affiche pour l'image suivante apparaît en dessous du texte actuel, puis quand l'ancien texte s'estompe, il glisse vers le haut.

Here is a link to my dev page.

En outre, l'image principale n'apparaît pas dans IE (8), le mode de compatibilité ne change rien. Les vignettes, le titre et la description apparaissent tous et changent comme prévu. Dans les pages d'exemple pour Galleriffic, IE fonctionne bien. Comme je l'ai mentionné ci-dessus, j'ai seulement modifié le CSS pour le calibrage et les couleurs, donc cela ne devrait pas avoir affecté l'image de cette façon non?

Merci d'avance.

Answer 1

Ok la chose qui a causé actualy le problème est le fait que vous avez commenté la section dans votre feuille de style qui fait la légende de l'image reste un peu à flot vers le haut:

span.image-caption { 
    display: block; 
    /*position: absolute; 
    width: 100px; 
    top: 0; 
    left: 0;*/ 
} 

donc changer ce retour je l'ai trouvé le fait fonctionner comme semble voulu. Mais cela fait alors flotter l'image sur la légende à gauche. Ceci je fixerais en plaçant le flotteur: juste sur le div # gallary.

div#gallery { float: right; }

Ensuite, vous voudrez probablement juste jouer avec les tailles et les marges pour le rendre joli à nouveau.

Answer 2

Lorsque vous cliquez sur l'image suivante dans votre galerie, le plugin ajoute le nouveau texte d'image dans un div après celui qui est actuellement affiché. Le plugin lance alors une animation de fondu sur le texte de pic actuel, puis le supprime définitivement du DOM.

Alors que l'actuel est en train de disparaître, il garde le nouveau en dessous, jusqu'à ce qu'il disparaisse, provoquant cet effet de rupture.

Ce que vous essayez de faire est assez simple pour ne pas utiliser un plugin. Si vous le souhaitez, je vais vous aider à écrire la logique de cet effet de galerie.