Téléchargement
illégal
Posez votre question Signaler

Diaporama cliquable en html et css [Résolu]

sourisgrise 15Messages postés 15 janvier 2007Date d'inscription 19 novembre 2011Dernière intervention - Dernière réponse le 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:
http://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.
Lire la suite 

Diaporama cliquable en html et css »

7 réponses
Réponse
+2
moins plus
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
Ajouter un commentaire
Réponse
+1
moins plus
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 : http://www.phpcs.com/recherche.aspx?r=diaporama que je l'ai vu, mais je n'arrive pas a remettre la main dessus.
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
Bonsoir,

avec ceci qui est gratuit
http://www.airtightinteractive.com/simpleviewer/

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

paramétrable jusqu'à un certain point avec les CSS
bon courage,
DD.
paul - 17 janv. 2011 à 11:54
les diaporamas de airtightinteractive sont en effet très bons
Ajouter un commentaire
Réponse
+0
moins plus
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 :
http://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.
Ajouter un commentaire
Réponse
+0
moins plus
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...
Ajouter un commentaire
Ce document intitulé « Diaporama cliquable en html et css » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?