Demande de code html
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
bonsoir,
j'aimerais un code html qui dis :
<photo1<longueur><largeur>><si la souris passe sur l'image<photo2<longueur><largeur>>>
c'est à dire quand je passe ma souris sur la photo1, la photo2 s'afficheà la place 'petit photo genre 3cm sur 4cm)
merci
j'aimerais un code html qui dis :
<photo1<longueur><largeur>><si la souris passe sur l'image<photo2<longueur><largeur>>>
c'est à dire quand je passe ma souris sur la photo1, la photo2 s'afficheà la place 'petit photo genre 3cm sur 4cm)
merci
5 réponses
-
-
Totalement d'accord avec " JOOS " ce dont tu as besoin , c'est du javascript pas un code HTML
Pour resoudre ton probleme je te conseil "" lightbox2.03.3_fr ""
sa resous ton probleme , enfin je crois-
-
onclik ou on mouse over
EXEMPLE ::
<div style="width: 313px; height: 130px; background: url("./bearshare-free-music-downloads-images/downloadButtonGray.gif") no-repeat scroll 0pt 0pt transparent;">
<a href="http://download.bearshare.com/BearShareV9.exe" rel="nofollow" onclick="javascript:location=this.href;callGA('/download/en/DbigBtn', '', 'en');return false;" class="downloadButton" title="Click here to download the latest version of BearShare"><span class="downloadButtonText">Version 9.01 for Windows</span></a>
</div> -
-
-
cmme ca, ca marche :
<a href="URL au clic" target="_top">
<img style="border: 1px solid ; width: 200px; height: 136px;"
src="http://www.demain-la-terre.net/IMG/jpg/Essai_nucleaire_dans_le_Pacifique_photo_CEA_.jpg"
onmouseover="this.src='http://www.absolute3d.net/fond-ecran-image/15224-1/Cool+_7_.jpg'"
onmouseout="this.src='http://www.demain-la-terre.net/IMG/jpg/Essai_nucleaire_dans_le_Pacifique_photo_CEA_.jpg'" ></ a>
MAIS les photos sont de la meme taille, comment demander à la photo 1 de mesurer 3cm sur 5cm et 7 sur 10 pour la photo 2 ?
merci -
Salut, tu peut aussi essayer avec du html et css, par exemple tu prend une image de dimension de 300px sur 400px tu l'ajoute dans un bloc div que tu redimensionne avec du css, tu affiche ton image avec les dimension de 150px sur 200px puis au passage de la souris elle prendra les dimensions de 300px sur 400px avec le pseudo-format :hover
HTML<div class="agrandir"> <p> <img src="image1.jpg" alt="image" /> </p> </div>
CSS.agrandir { height:400px; } .agrandir p { text-align:center; } .agrandir img { width: 150px; height: 200px; } .agrandir img:hover { width: 300px; height: 400px; }
Attention ce code n'est compatible avec IE6 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
on ne peut pas faire :
photo 1 --- un clik ou un passage souris--- photo 2 (pas de la meme dimention) ?
