Diaporama cliquable en html et css

Résolu/Fermé
sourisgrise Messages postés 16 Date d'inscription lundi 15 janvier 2007 Statut Membre Dernière intervention 19 novembre 2011 - 9 févr. 2009 à 21:23
 paul - 17 janv. 2011 à 11:54
Bonjour,

Je suis en train de créer mon site web sous Notepad en html et en css, cela pour montrer mes photos. Dans la page d'accueil de mon portfolio, j'ai 6 vignettes, une pour chaque thème. Quand on clique sur la vignette "paysages", par exemple, cela renvoie à une page avec toutes mes photos de paysages en vignettes. Maintenant, je voudrais qu'en cliquant sur une des vignettes, on puisse voir la photo en grand, et qu'on aie la possibilité de voir les photos suivantes et précédentes au clic de souris, exactement comme sur ce site:

https://www.pbwebconcept.com/photos/galerie_nature.htm

Je ne sais pas si c'est possible de le faire uniquement en html et css (sans java), parce qu' apparemment certains navigateurs n'affichent pas java, et aussi parce que je ne connais pas ce langage...

Faut-il créer une page par photo affichée en grand ou puis-je regrouper les photos d'un même thème sur une même page ? J'ai lu quelque part qu'il fallait utiliser les liens et superposer des blocs sur une même page, mail il n'y avait pas plus de détail...

Je précise que je suis une vraie débutante en ce qui concerne la création d'un site, j'ai pu en arriver jusque là grâce au tutoriel du site du zéro...

Mais là, je bloque vraiment, merci de m'aider.
A voir également:

6 réponses

Utilisateur anonyme
9 févr. 2009 à 21:36
oui tu peux le faire sans java et sans javascript, juste avec html : mais les codes seront très long à écrire.

Cependant, il y a un autre solution, c'est d'utiliser un language qui utilise une base de données comme php, jsp,asp,...
:l'avantage, c'est qu'il y aura moins de code à taper
4
Utilisateur anonyme
9 févr. 2009 à 21:35
oui tu peux le faire sans java et sans javascript, juste avec html : mais les codes seront très long à écrire.

Cependant, il y a un autre solution utiliser un language qui utilise une base de données comme php, jsp,asp,...
:l'avantage, c'est qu'il y aura moins de code à taper
1
davdes Messages postés 56 Date d'inscription vendredi 12 octobre 2007 Statut Membre Dernière intervention 31 mai 2012 3
9 févr. 2009 à 21:48
Bonsoir,

avec ceci qui est gratuit
https://www.simpleviewer.net/simpleviewer/

et avec de l'aide, j'ai pu réaliser ce genre de galerie
http://marielaurededecker.com/

paramétrable jusqu'à un certain point avec les CSS
bon courage,
DD.
1
les diaporamas de airtightinteractive sont en effet très bons
0
zoby44 Messages postés 818 Date d'inscription vendredi 3 novembre 2006 Statut Membre Dernière intervention 7 avril 2010 199
10 févr. 2009 à 00:21
Salut, c'est possible de faire ça en une seule page, mais pas uniquement en xhtml, il faut utiliser du php (ou un autre langage serveur).
Exemple :
<img src="<?php echo $_GET['image'];?>"/>
<a href="diapo.php?image=url_de_mon_image_1.jpg">Précédent</a>
<a href="diapo.php?image=url_de_mon_image_3.jpg">Suivant</a>

C'est sur, c'est vite résumé, mais le principe est la. Tu fait passer l'url de l'image via l'url de la page (ou par un post) tu la récupère, puis tu l'affiche.
J'ai déjà vu la source du diaporama que tu nous montre mais je ne sais plus ou.
Je crois que c'est sur : https://codes-sources.commentcamarche.net/ que je l'ai vu, mais je n'arrive pas a remettre la main dessus.
1

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

Posez votre question
sourisgrise Messages postés 16 Date d'inscription lundi 15 janvier 2007 Statut Membre Dernière intervention 19 novembre 2011 1
9 févr. 2009 à 23:57
Merci pour vos réponses, mais vu qu'en fait ça m'est égal d'y passer un peu de temps, j'insiste, savez-vous si pour réaliser l'exemple du site que j'ai cité plus haut :
https://www.pbwebconcept.com/photos/galerie_nature.htm
il faut que je réalise une page par photo agrandie ou si c'est possible en utilisant une seule page pour chaque thème ?
En fait, je souhaiterais faire exactement la même présentation que ci-dessus. (et oui, quand j'ai une idée en tête...)
L'exemple donné par davdes est sympa, mais je ne veux pas qu'on aie à revenir sur les vignettes, je voudrais pouvoir passer à la photo précédente ou suivante juste à l'aide de flèches.
0
sourisgrise Messages postés 16 Date d'inscription lundi 15 janvier 2007 Statut Membre Dernière intervention 19 novembre 2011 1
10 févr. 2009 à 15:30
Merci pour vos réponses, mais vu que pour moi le php, c'est du chinois, je vais m'en tenir au html. Je créé une page par photo, ça risque de me prendre un petit moment mais au moins, j'arrive au résultat voulu...
0