cs_Masterfoums
Messages postés4Date d'inscriptionjeudi 21 janvier 2010StatutMembreDernière intervention21 septembre 2010
-
21 sept. 2010 à 18:33
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 2011
-
21 sept. 2010 à 23:23
Bonjour,
Après avoir longuement chercher sur le net une réponse à mon soucis je n'ai pas trouvé de solution.
Je suis en train de créer un petit site en html et je tente d'y inclure une petite galerie avec des photos miniature en lien donnant des photos plus grandes au clic.
Pour cela j'ai choisit de mettre en place le plugin LightBox de Jquery que j'ai trouvé sur ce tuto : ICI
dans la partie "head" de ma page j'ai donc importé les éléments nécessaires :
le "ccoach.js" contenant uniquement un petit bout de code pour activer le plugin sur un ID :
$(function(){
$('#galerie a').lightBox();
});
Dans ma page html j'ai mis une image redimensionnée pour jouer le rôle de lien et je fait pointé vers l'image qui est censé apparaitre dans l'overlay en mettant le tout dans une div avec l'id "galerie" :
[../img/1-longe1.jpg ]
Lorsque sur le site en question je clic sur ma photo "lien" l'overlay prend toute la page et la photo qui devrait apparaitre dedans apparait en dessous de l'overlay.
Grosso modo j'ai un gros cadre gris légérement transparent qui doit faire environ un 1600*1440 et en dessous, apparait la photo avec la taille de base. Les images censé "habillées" l'overlay n'apparaissent pas non plus (un lien "close", un fond blanc style "polaroïde" entre autre). j'ai un peu trituré le truc dans tous les sens et je ne vois pas mon erreur.
Les fichiers composant le plugin sont bien copié dans des répertoires.
j'ai le jquery, le plugin et le petit fichier .js dans un répertoire js à la racine de mon site
les fichier css dans un répertoire css
les image dans un répertoire img.
Si qql 1 avait l'amabilité de me mettre sur la piste, j'en serais soulagé ;).