Diaporama cliquable en html et css
Résolu
sourisgrise
Messages postés
16
Date d'inscription
Statut
Membre
Dernière intervention
-
paul -
paul -
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.
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:
- Diaporama css
- Faire un diaporama photo avec musique windows 10 - Guide
- Mettre plusieurs musique sur diaporama powerpoint - Forum Powerpoint
- Mettre plusieur musiques dans un powerpoint - Forum Powerpoint
- En préparant son diaporama, tom a pris quelques notes qui l'aideront lors de sa présentation. quand il présentera l'âne, il a prévu de raconter une anecdote sur cet animal. comment s'appelle l'âne de son histoire ? - Forum Windows
- Diaporama gratuit - Télécharger - Visionnage & Diaporama
6 réponses
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
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
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
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
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.
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.
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 :
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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.