begin process at 2012 05 29 14:32:33
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Autre Framework

 > 

Jquery - LightBox : pb avec l'overlay


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Jquery - LightBox : pb avec l'overlay

mardi 21 septembre 2010 à 18:33:00 | Jquery - LightBox : pb avec l'overlay

Masterfoums

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 :

Code HTML :
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="../js/jquery.lightbox-0.3.js" type="text/javascript"></script>
<script src="../js/ccoach.js" type="text/javascript"></script>


le "ccoach.js" contenant uniquement un petit bout de code pour activer le plugin sur un ID :

Code Javascript :
$(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" :

Code HTML :
<div id="galerie">
                <a href="../img/1-longe1.jpg" rel="lightbox" ><img src="../img/1-petit-longe1.jpg" border="0px" title="Travail à la longe" alt="Travail à la longe" /></a>
            </div>


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é ;).

Bonne journée
mardi 21 septembre 2010 à 21:27:55 | Re : Jquery - LightBox : pb avec l'overlay

PetoleTeam

Membre Club
Bonjour,
Lorsque sur le site en question je clic...
mets non le lien, pour que l'on puisse appréhender le problème dans son contexte...

;O)
mardi 21 septembre 2010 à 21:42:08 | Re : Jquery - LightBox : pb avec l'overlay

Masterfoums

Je le ferai volontier, mais le site en question est pour le moment en local. pas encore diffusé.
mardi 21 septembre 2010 à 23:23:26 | Re : Jquery - LightBox : pb avec l'overlay

PetoleTeam

Membre Club
cela va être dur de t'aider, un conseil quand même vois si ton document est valide The W3C Markup Validation Service

;O)


Cette discussion est classée dans : code, plugin, lightbox, overlay, jquery


Répondre à ce message

Sujets en rapport avec ce message

Besoin d'aide pour lightbox_me (plugin Jquery) [ par Nagasashi ] Bonjour, Je suis entrain d'essayer de créer (via le plugin lightbox_me) une lightbox, dans laquelle l'utilisateur devra rentrer son identifiant et son pb lightbox jquery et sortable() jquery [ par sebastien_et_typh ] Bonjour a tous voici mon problème : sur ma page j'aimerais afficher des photos miniatures en fonction de leur position dans ma bdd , dessus j'utilise JQuery / JQuery lightBox Plugin : icône de chargement toujours affichée ??? [ par ABDev ] Bonjour, Pour le développement de mon prochain site, j'ai décidé d'utiliser, pour l'affichage des photographies des utilisateurs, [url=http://leandrov jQuery + onsubmit d'un formulaire [ par harmonyk ] Bonjour à tous, Je me met doucement à jQuery, j'avoue avoir du mal. Actuellement je tente d'afficher un petit formulaire (dans une lightbox) du type p Problème affichage jquery lightbox [ par Necronys ] Bonjour à tous, je suis en train de programmer un site et j'ai besoin d'une galerie pour les images. J'utilise jQuery pour le javascript ainsi que le jquery liscroller [ par phoenixgreg ] Hi tt le monde ! Voilà j'ai mon petit script jquery liscroller, il fonctionne très bien, le texte défile mais j'aimerais qu'il défile à la vertical ( Jquery: Pour retrouver la valeur d'un Input.. [ par syndrael ] Bonjour, Ma question parait simple et pourtant je ne trouve pas la solution. Si j'ai ce code: [code=html][/code] et sous JQuery: [code=js]alert($('#te Pobleme jquery sous ie [ par pereweed ] Bonjour a tous, J'ai un problème avec mon script Jquery, mon Js... [code=js] $(document).ready(function() { $('.accordeon').hide(); // on cache tou plugin wslide jquery [ par am1ra2 ] bonjour, j'ai utilisé le pluguin wslide de jquery pour le défilement des pages html,tout va bien,ce que je veux est que le défilement soit juste au pa Jquery cycle + jquery Lightbox Prb [ par dreadstock ] Bonjour, J'ai installé sur mont site un diapo jquery cycle. Avec la version jquery 1.2.6, je propose un clique sur la lien de l'image ou je voudrais


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 5,476 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales