Besoin aide pour créer un pop-up ou une image en 1er plan

Besoin aide pour créer un pop-up ou une image en 1er plan - HTML/CSS - Programmation

Marsh Posté le 14-08-2006 à 07:46:24    

BONJOUR,
comment faire pour que en un click on affiche une image au premier plan, dans la meme page et recliquer pour la refermé exemple les zooms des articles sur le site rueducommerce
 
Merci de votre aide :bounce:


Message édité par pc-infoplus le 14-08-2006 à 07:50:32

---------------
Gilles www.pc-infoplus.com
Reply

Marsh Posté le 14-08-2006 à 07:46:24   

Reply

Marsh Posté le 14-08-2006 à 08:28:11    

HTML :  

Code :
  1. <a href="img/monimage.jpg" onclick="popup(this" );return false"><img src="monimageminiature.jpg"></a>


en bas de la page  

Code :
  1. <div id="poplayer"></div>


 
CSS :

Code :
  1. #poplayer {
  2. position:absolute;
  3. z-index:900;
  4. left:50px;
  5. right:50px;
  6. display:none;
  7. }


et en JS :  

Code :
  1. function popup(obj) {
  2. var pop = document.getElementById("poplayer" );
  3. pop.innerHTML = "";
  4. var img = pop.appendChild(document.createElement("img" ));
  5. img.src=obj.href;
  6. img.onclick = function() { document.getElementById("poplayer" ).style.display="none" }
  7. pop.style.display = "none";
  8. }


 
C'est un peu fait à la vavite mais ca devrait fonctionner, j'ai pas testé j'ai la flème :o


Message édité par gatsu35 le 14-08-2006 à 08:33:29
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed