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

  FORUM HardWare.fr
  Programmation
  Java

  bouton next et prevu sur une galerie de photo

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

bouton next et prevu sur une galerie de photo

n°2289731
grisou-57
Posté le 08-10-2016 à 09:58:33  profilanswer
 

Bonjour a tous,
 
j'ai une galerie de photo ( une vingtaine environs), sous forme de miniature et quand je clic dessus il y une grande photo qui apparaît. je reclic et c'est la miniature qui réapparaît.
avec le code javascript cela fonctionne très bien.
j'aimerai pouvoir ajouter des boutons ( prev et next )sur les grandes photos pour ne pas avoir a revenir sur les miniatures pour continuer le diaporama des grande photos..
si quelqu'un a une idée je suis preneur.  
voici le code
 
<div id="grdgalerie"></div>
<p>
 <a href="photos_galerie_web/grandes_vignettes/escalier-tour.jpg" alt="" Class="gal">
<img src="photos_galerie_web/petites_vignettes/1escalier_tour.jpg" height="167" width="266"  alt="miniature"/></a>
<a href="photos_galerie_web/grandes_vignettes/Cabanne_de_chasseur-2+le.jpg" alt="" Class="gal">
 <img src="photos_galerie_web/petites_vignettes/cabane_de_chasseur-2.jpg" height="167" width="266"  alt="miniature"/></a><span>Cabane de chasseur</span>
</p>
<script>
var links = document.getElementsByClassName('gal'),
          linksLen = links.length;
      for (var i = 0 ; i < linksLen ; i++) {
          links[i].onclick = function() {  
              displayImg(this);  
              return false;  
          };
  }  
 function displayImg(link) {
          var img = new Image(),
           grdgalerie = document.getElementById('grdgalerie');
          img.onload = function() {
            grdgalerie.innerHTML = '';    
             grdgalerie.appendChild(img);      };    
          img.src = link.href;
         grdgalerie.style.display = 'block';
        grdgalerie.innerHTML = '<span>Chargement en cours...</span>';
     }    
 document.getElementById('grdgalerie').onclick = function() {
          this.style.display ='none';
      };
 
    </script>
 
 

mood
Publicité
Posté le 08-10-2016 à 09:58:33  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Java

  bouton next et prevu sur une galerie de photo

 

Sujets relatifs
[VBA] Cacher bouton excel utilisateurs ADandroid (JAVA) redémarrer application avec bouton
Intégrer une gallerie photo via dossiers FTPAffichage bouton dans un tableau !
La fameuse boucle "For Each... Next"cliquer sur un bouton ecrit une date dans un ENTRY
Formulaire ACCESS: créer bouton commande d'ouverture fichier bddCaption non centrée sur un bouton
probleme programme arduino shield infrarouge ap.photo canon eos 500drecherche de code pour, par clic sur bouton, poser correctement l'a
Plus de sujets relatifs à : bouton next et prevu sur une galerie de photo



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