2009-12-08 4 views
2

Pour la relance du site de mes clients (craft2eu.net), j'ai besoin d'intégrer Galleriffic avec un lightBox. Je sais qu'il y a GallerificPlus, mais il est basé sur une ancienne version de Galleriffic qui apporte des choses que je n'aime pas. Par exemple, les attributs invalides, etc.Galleriffic avec lightBox

Comment intégrer la version actuelle de Galleriffic (2.0 au moment de la rédaction de ce document)?

J'ai déjà suivi trent's suggestion qui peut être trouvé dans les commentaires du blog Galleriffic sans succès.

+0

J'espère avoir les liens correctement. Pouvez-vous vérifier – jitter

+0

S'il vous plaît ajouter des informations ce que vous entendez par "intégrer galleriffic avec lightbox" – jitter

Répondre

1

J'ai finalement réussi à faire fonctionner lightbox avec gallerfic. J'utilise shadowbox, base/standard pour les images, y compris le support CSS.

Pour les besoins de mon client, il était OK d'avoir un lien supplémentaire sous l'image. À cette fin, J'ai simplement utilisé la div "download" pour ajouter un lien vers la même image que celle montrée dans la div image-wrapper. (J'utilise PHP/MySQL pour extraire des images de la base de données, donc j'ai une boucle dans la section <li>).

Dans la première implémentation directe, le lien fonctionnerait, mais la lightbox ne s'afficherait pas. Je voudrais seulement obtenir le lien pour suivre le src et afficher l'image dans la même fenêtre, bien que j'avais le rel="lightbox" spécifique dans le lien. Je me suis rendu compte qu'en appuyant sur le bouton de retour et en cliquant à nouveau sur le lien, la visionneuse fonctionnerait réellement! Après quelques recherches, j'ai déduit que c'était un problème d'image de préchargement. Je viens donc d'ajouter une balise img au-dessus du lien activé ligthbox dans mon téléchargement div avec un width="0" et , plus border="0" cela charge effectivement l'image sur la page, mais en mode caché.

Aussi, pour éviter le chargement de la zone d'ombre au début et être déchargé par gallerific, j'ai ajouté onmouseover="shadowbox.init();" au div de téléchargement, de sorte qu'il se chargerait à nouveau après une charge d'image dans l'image-wrapper. J'avoue que c'est un peu de la triche, mais ça marche! Faites-moi savoir si cela fonctionne pour vous