Discussion :

[clémsdos]

Bonjour,

J'ai récemment mis sur mon site des lightbox ! Mais j'aimerai si possible ajouter une fonction "diaporama".
Je ne m'y connait pas du-tout en CSS ! Donc j'aimerais seulement avoir un nouveau bouton play/pause pour lancer un diaporama.
(Le + qui serait parfait) J'ai exactement 32 images par page et environs 10 pages. Serait il possible de faire en sorte que le diaporama
change de page à la 32ème photo ?

Je ne sais pas quoi vous passer pour que cela fonctionne donc voici là page ou vous pourrez télécharger tout ce qu'il faut :
http://lokeshdhakar.com/projects/lightbox2/

Mes photos sont défini comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a class="thumbnail" class="example-image-link" href="img/page6/irl/01.jpg" data-lightbox="example-1">
		<img class="img-responsive" class="example-image" src="img/page6/01.jpg" alt="image-1">
                  </a>
	   </div>

Merci d'avance de votre aide précieuse !

[Invité]

Bonjour,

Tu es bien gentil... mais tu crois vraiment qu'on va faire tout le boulot pour tes beaux yeux ??

Sinon, il existe des lightbox avec diaporama.

[clémsdos]

Bonjour,

Je me suis peut être mal exprimé, je ne cherche pas à ce que l'on me fasse le boulot de A à Z.
De plus je ne connais pas la complexité de la chose donc je ne peux pas juger le boulot que cela
représente ou non...

Et j'ai déjà regardé les lightbox avec diaporama mais malheureusement elles sont souvent conçues
pour un nombre de photo assez limité et surtout elles ont une apparence totalement différente à la mienne...

[friendofweb]

Bonjour,

Pour info, je rejoins jreaux62, il te faudra chercher un petit peu... En outre, je crois qu'il faudra passer par Javascript et s'il le faut, poster une question sur le forum JS...

Voici quelques liens utiles ou recherches à faire :

• Cours css
• Faire une recherche sur "slideshow" sur w3schools
• Comment réaliser un diaporama en JavaScript ?
• Les transformations 3D en CSS3
• Galerie au clic sans JavaScript

Pour respecter les règles du forum, j'ai supprimé les liens externes, mais j'indique comment trouver l'info.
Pour info, si tu fais une recherche dans youtube sur les mots clés "Création d'un diaporama en HTML et en CSS" de Pierre Giraud, tu trouveras une vidéo intéressante aussi !

Pour ce qui est de changer de page à partir de la 32ième image, là encore je crois qu'il faudra passer par JS et faire une recherche sur "redirection automatique".

En espérant que cela puisse t'aider !

Bonne lecture !

ps: Ce n'est qu'un avis de débutant...