Demande de code html

Résolu/Fermé

Utilisateur anonyme - 14 avril 2011 à 22:01
Utilisateur anonyme - 15 avril 2011 à 18:38

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

A voir également:

Demande de code html
Code ascii de a - Guide
Code puk bloqué - Guide
Code de déverrouillage oublié - Guide
Editeur html - Télécharger - HTML
Code activation windows 10 - Guide

5 réponses

Réponse 1 / 5

JooS Messages postés 2468 Date d'inscription mardi 22 janvier 2008 Statut Membre Dernière intervention 8 juin 2016 228
14 avril 2011 à 22:20

Salut, c'est du javaScript, et non pas du html ... :)

Réponse 2 / 5

manupc Messages postés 27 Date d'inscription mardi 12 octobre 2010 Statut Membre Dernière intervention 17 avril 2011
14 avril 2011 à 22:25

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

Utilisateur anonyme
14 avril 2011 à 22:45

on peut pas mettre un truk comme "onclikmouse" ?? jai vu qqch comme ca un moment dans un code!

manupc Messages postés 27 Date d'inscription mardi 12 octobre 2010 Statut Membre Dernière intervention 17 avril 2011
14 avril 2011 à 22:58

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>

Utilisateur anonyme
15 avril 2011 à 11:33

où je met ma photo?

Réponse 3 / 5

Utilisateur anonyme
14 avril 2011 à 23:23

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

Réponse 4 / 5

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
15 avril 2011 à 00:02

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

Réponse 5 / 5

Utilisateur anonyme
15 avril 2011 à 11:51

on ne peut pas faire :
photo 1 --- un clik ou un passage souris--- photo 2 (pas de la meme dimention) ?

Utilisateur anonyme
15 avril 2011 à 11:52

avec celle ci
http://www.demain-la-terre.net/IMG/jpg/Essai_nucleaire_dans_le_Pacifique_photo_CEA_.jpg
et celle là
http://www.absolute3d.net/fond-ecran-image/15224-1/Cool+_7_.jpg
par exemple?

Utilisateur anonyme
15 avril 2011 à 18:38

jai un site sur un hebergeur comme e-monsite, site de google etc donc je ne peut pas faire de dossier, je pense que je peux seulement mettre "http://maphoto.jpg"

Discussions similaires

Code de confirmation facebook

[référencement] Ne pas être référencé

Code de renvoi d'appel : Ooredo, Mobilis...

code d'activation GTA 5 steam