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
A voir également:
- Demande de code html
- Code ascii - Guide
- Code puk bloqué - Guide
- Code de déverrouillage oublié - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
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
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>
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
<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
CSS
Attention ce code n'est compatible avec IE6
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