Demande de code html

Résolu
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

5 réponses

  1. on ne peut pas faire :
    photo 1 --- un clik ou un passage souris--- photo 2 (pas de la meme dimention) ?
    1. 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?
    2. 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"
  2. 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
    1. 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
      1. 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
        1. on peut pas mettre un truk comme "onclikmouse" ?? jai vu qqch comme ca un moment dans un code!
        2. 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>
        3. où je met ma photo?