"probleme" avec lightbox
hugo_d
Messages postés
87
Date d'inscription
Statut
Membre
Dernière intervention
-
hugo_d Messages postés 87 Date d'inscription Statut Membre Dernière intervention -
hugo_d Messages postés 87 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai enfin fini de créer mon site et j'aimerai ajouter un petit détail, une lightbox.
Voici l'adresse de mon site afin que vous ayez une meilleur idée ;-)
http://neurophonik.servhome.org/
Vous remarquerez que le corps de mon site est divisé en 3. La derniere partie (celle de droite) est toujours constituée d'une photo ou d'un diapo.
J'aimerai que lorsque l'on clic sur l'image de cette derniere partie, celle-ci ouvre une lightbox permettant l'affiche de l'image dans une taille plus grande.
C'est là que je bloque. comment faire ?
J'ai déjà installé une lightbox sur un site donc pas de problème. Seulement ici la manière dont j'ai procédé ne me permet pas d'en utiliser une. En effet, dans le corps de mon site j'ai créé une DIV pour chaque partie. Pour la derniere, j'ai simplement appliqué un fond d'écran avec l'image souhaité. Donc dans ma partie code j'ai juste <div id="right"> Or pour utiliser une lightbox je dois au moins avoir le raccourci de l'image, un truc du style : <a href="images/image-1.jpg" </a>
J'ai donc essayé de retirer l'arrière plan a la DIV en question et d'insérer une image. Seule problème c'est que dans cette DIV j'ai superposé du texte, le fameux lien FACEBOOK. Du coup lorsque que je procède ainsi, mon lien ne se superpose plus à mon image, mais il se positionne juste en dessous.
Que faire ?
Est-ce possible d'importer une image dans une DIV sur laquelle on peut superposer du texte ? sans pour autant qu'elle ait le statut "Background".
Merci d'avance.
j'ai enfin fini de créer mon site et j'aimerai ajouter un petit détail, une lightbox.
Voici l'adresse de mon site afin que vous ayez une meilleur idée ;-)
http://neurophonik.servhome.org/
Vous remarquerez que le corps de mon site est divisé en 3. La derniere partie (celle de droite) est toujours constituée d'une photo ou d'un diapo.
J'aimerai que lorsque l'on clic sur l'image de cette derniere partie, celle-ci ouvre une lightbox permettant l'affiche de l'image dans une taille plus grande.
C'est là que je bloque. comment faire ?
J'ai déjà installé une lightbox sur un site donc pas de problème. Seulement ici la manière dont j'ai procédé ne me permet pas d'en utiliser une. En effet, dans le corps de mon site j'ai créé une DIV pour chaque partie. Pour la derniere, j'ai simplement appliqué un fond d'écran avec l'image souhaité. Donc dans ma partie code j'ai juste <div id="right"> Or pour utiliser une lightbox je dois au moins avoir le raccourci de l'image, un truc du style : <a href="images/image-1.jpg" </a>
J'ai donc essayé de retirer l'arrière plan a la DIV en question et d'insérer une image. Seule problème c'est que dans cette DIV j'ai superposé du texte, le fameux lien FACEBOOK. Du coup lorsque que je procède ainsi, mon lien ne se superpose plus à mon image, mais il se positionne juste en dessous.
Que faire ?
Est-ce possible d'importer une image dans une DIV sur laquelle on peut superposer du texte ? sans pour autant qu'elle ait le statut "Background".
Merci d'avance.
A voir également:
- "probleme" avec lightbox
- Visual LightBox - Télécharger - Photo & Graphisme
4 réponses
salut hugo,
je vois pas ton problème, tu donne toi même la réponse "il faut que je mette un truc du style:<a bla bla bla..."
le texte FACEBOOK n'est pas superposé, il est en dessous.
Il ne devrait donc ne pas avoir de probleme
je vois pas ton problème, tu donne toi même la réponse "il faut que je mette un truc du style:<a bla bla bla..."
le texte FACEBOOK n'est pas superposé, il est en dessous.
Il ne devrait donc ne pas avoir de probleme
si justement pcq je voudrais que le texte "facebook" se superpose a mon image or je n'arrive pas.
Pour l'instant j'ai reussi car j'ai mis l'image en "background" dans les propriétés de la DIV mais en procédant ainsi je ne sais pas appliquer de lightbox car il n'y a pas de code concernant l'image en question
Pour l'instant j'ai reussi car j'ai mis l'image en "background" dans les propriétés de la DIV mais en procédant ainsi je ne sais pas appliquer de lightbox car il n'y a pas de code concernant l'image en question
c'est ça que tu cherches ?
HTML
CSS
HTML
<div id="multicouche" > <img id="couche1" src="photo.jpg" /> <img id="couche2" src="image.jpg" /> </div>
CSS
#multicouche {
position: relative;
}
#multicouche img {
position: absolute;
top: 0;
left: 0;
}
#couche1 {
z-index: 1;
}
#couche2 {
z-index: 2;
}
je début seulement dans le langage htm du coup je ne comprends pas tout le code que tu as donné.
mais j'ai procédé d'une autre manière, j'ai coupé mon image en deux :
- la partie qui se trouve derriere mon lien facebook est mise en arriere plan
- la partie "cliquable" pour ouvrir la light box est importé en tant qu'image et non plus comme arriere plan
mais j'ai procédé d'une autre manière, j'ai coupé mon image en deux :
- la partie qui se trouve derriere mon lien facebook est mise en arriere plan
- la partie "cliquable" pour ouvrir la light box est importé en tant qu'image et non plus comme arriere plan