"probleme" avec lightbox

Fermé
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013 - 16 sept. 2010 à 23:26
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013 - 23 sept. 2010 à 14:27
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.



A voir également:

4 réponses

niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
17 sept. 2010 à 12:13
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
0
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013
17 sept. 2010 à 12:18
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
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
Modifié par niconovice le 17/09/2010 à 12:55
c'est ça que tu cherches ?

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; 
}
0
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013
23 sept. 2010 à 14:27
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
0