Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1416 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide en html

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aide en html

n°2146889
Le-roi-du-​skate
Posté le 23-06-2012 à 14:48:08  profilanswer
 

Bonjour,
 
j'aimerais intégrer sur mon site web un cadre de 200px*200px avec dedans : "image1.jpg", puis lorsque y clique dessus "image2.jpg" et lorsqu’on clique sur cette deuxième image "image3.jpg" et enfin, lorsqu'on clique sur cette dernière image, ""image4.jpg" contenant un lien pointant vers un article wikipédia. Je vous prie de m'aider à trouver le code html pouvant arriver à cela.
 
Merci pas avance pour votre aide. :)  
 

mood
Publicité
Posté le 23-06-2012 à 14:48:08  profilanswer
 

n°2147458
rufo
Pas me confondre avec Lycos!
Posté le 28-06-2012 à 13:59:36  profilanswer
 

Pour le cadre, à mettre dans ton html :

Code :
  1. <script type="text/javascript">
  2. var iNbDefilements = 0;
  3. function ImageCadre() {
  4.  iNbDefilements++;
  5.  switch(iNbDefilements) {
  6.    case 1:
  7.        // Affiche image 2;
  8.        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="#";
  9.        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image2.jpg";
  10.        break;
  11.     case 2:
  12.        // Affiche image 3;
  13.        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="#";
  14.        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image3.jpg";
  15.        break;
  16.      case 3:
  17.        // Affiche image 4;
  18.        document.getElementById("MonCadre" ).getElementById("LienCadre" ).href="http://www.wikipedia.fr";
  19.        document.getElementById("MonCadre" ).getElementById("ImageCadre" ).src = "image4.jpg";
  20.        iNbDefilements = 0;
  21.        break;
  22.  }
  23. }
  24. </script>
  25. <div id="MonCadre" class="Cadre" onclick="ImageCadre();">
  26. <a id="LienCadre" href="#"><img id="ImageCadre" src="image1.jpg" title="Cliquer sur l'image pour faire défiler..."  /></a>
  27. </div>


 
Dans ton css :

Code :
  1. div.Cadre {
  2.  width: 200px;
  3.  height: 200px;
  4.  border: 1px solid #000000;
  5. }
  6.  
  7. div.Cadre a img {
  8.  border: 0;
  9. }


 
En gros, voilà le principe...


Message édité par rufo le 28-06-2012 à 14:00:13

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aide en html

 

Sujets relatifs
Aide HTML structure de pageAide sur la mise en page d'un site (HTML/CSS)
Aide HTML/PHP/ SQL ( Urgent pour BAC:! )Besoin d'aide - Tableau HTML CSS
Compilation d'un fichier d'aide HTML (chm)Aide pour un code HTML
Besoin d'aide pour la programmation d'un menu en htmlBesoin aide recuperation liens html
Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aideAide multipages html
Plus de sujets relatifs à : Aide en html


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR