Menu photo interactif

Fermé
golden cheer grahams - 29 déc. 2012 à 14:58
 Golden cheer grahams - 1 janv. 2013 à 19:21
Bonjour,
Cela fait un moment que je cherche un code html qui me permettrait de créer un diaporama interactif. Je ne connais pas le terme informatique exact, en fait j'aimerais quelque chose dans le même genre que sur cet article:
http://www.lesgouts-et-lescouleurs.com/battle-food-3-tartelette/
De sorte que si le visiteur veuille voir une autre photo il est juste à cliquer et qu'il ne soit pas obliger que la diapo repasse.
Je suis bien consciente que ce ne doit pas être chose facile, mais personnellement je suis un pied en html et css (je préfère prévenir a part copier/coller des codes je ne sais pas fare grand chose...)
Merci d'avance d'essayer de m'aider ! :)

A voir également:

8 réponses

ah pardon XD

C'est slider.js je me suis trompé de framework =)

Sinon t'as aussi ça :

http://www.menucool.com/slider/download/1/jsImgSlider.zip
1
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
29 déc. 2012 à 17:13
Salut,


Il y a déjà ce code html si cela peu t'aider en remplaçant leurs images par les tiennes évidemment ;)

<div class="slideshow"><img class="aligncenter size-full wp-image-964" title="00_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" />
<img class="aligncenter size-full wp-image-968" title="01_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" />
<img class="aligncenter size-full wp-image-969" title="02_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" />
<img class="aligncenter size-full wp-image-972" title="03_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" />
<img class="aligncenter size-full wp-image-911" title="04_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" />
<img class="aligncenter size-full wp-image-959" title="05_LGLC-Battle-Tartelette" src="http://www.lesgouts-et-lescouleurs.com/" alt="" width="750" height="500" /></div>


Après pour la partie CSS il me semble que toute la solution est ici : https://forums.commentcamarche.net/forum/affich-4666376-diaporama-en-html

@ +
0
golden cheer grahams
30 déc. 2012 à 00:58
Bonjour Shaynne,
Merci pour ton aide. Malheureusement j'ai essayer ton code et il ne m'affiche que les images. Après avoir regarder ton lien je n'est strictement rien compris (désolé...). Je ne veut pas appliquer cette présentation à toutes les photos de mon blog mais seulement à celui d'un article. Or (si j'ai bien compris) ajouter un CSS m'obligerait à le faire pour toutes mes imagines...
Si tu as une autre solution à me proposer...
0
bha c'est juste un slider, t'as essayé lightbox ??
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Golden cheer grahams
1 janv. 2013 à 14:34
Je viens de regarder, mais ce n'est pas ce que je voudrais... (désolé je suis embêtante)
J'aimerais que l'image s'affiche au dessus et pas dans une nouvelle fenêtre...
0
Golden cheer grahams
1 janv. 2013 à 15:43
Ok alors je suis tombée sur ca:
file:///C:/Users/Virginie/Downloads/jsImgSlider/jsImgSlider/demo1.html
en téléchargeant le dossier que tu m'as donnée.
C'est EXACTEMENT ce que je voulais ! Super ! Merci milles fois !
Mais le truc c'est que je ne comprend pas trop comment le mettre sur mon artcile blogger. Si tu pouvais me guider ça serait super :)
0
bha tu copie colle le code dans ta pages, tu prend le generic.css et tu le copie dans le dossier de ta page aussi
0
Golden cheer grahams
1 janv. 2013 à 19:21
Ca ne fonctionne pas... Blogger m'affiche le texte tel quel quand je clic sur "prévisualisé"...
0