Lien entre photos

bonjour a tous,
je suis actuellement une petite formation au html mais vu mon grand age, je nage un peu!!
mon pb :
j'ai sur une page des vignettes que j'agrandis en cliquant dessus la ou ça se corse : je voudrais mettre les grandes dans un autre fichier html et pouvoir revenir par un "retour"
je fais tout comme la theorie mais ça ne fonctionne pas
qui pourrait aider un papy au bord du suicide
merci d'avance
gb

Salut,

Alors pour ton problème je vois 3 solution possible :

- Tu fait tout manuellement en html, c'est a dire que tu met un lien (via <a>) dans toutes les page html que tu auras creer.

- Ou, tu utilise javascript et tu fait un lien retour (équivalent au retour/precedent de ton navigateur) :

<FORM> <INPUT TYPE="button" VALUE="Back" [b]onClick="history.back()"[/b]> </FORM>

- Et pour finir, tu peu utilisé un script php qui "automatisera" les lien de retour vers ta page initiale


voila ++

bonjour, Sidi, non, c'est bien ecrit
voici ce que j'ai fait et qui ne fonctionne pas trop!!!
dans la "page_ 5.html "je pose une ancre pour le retour puis en cliquant sur la photo 2006-1p.jpg (vignette) je veux aller dans la page 2006.html et ouvrir la photo 2006-1g.jpg
[#]

<a name="<2006"></a>
<a href="grandes/gr_2006.html/img src"2006-1g.jpg"><img src="images/2006-1p.jpg"></a>

et ainsi de suite pour les autres
dans la page: grandes/2006.html je veux simplement revenir au niveau "2006" de la page 5
[#]

<p><img src=2006-1g.jpg"></p>
<a href="page_5.html#2006">retour</a>

et ainsi de suite pour les suivantes
"grandes et page_5 sont au même niveau dans l'arborescence
malheureusement, ça ne fonctionne pas
'je ne suis pas sur que

[#][#green]<a href="grandes/gr_2006.html/img src"2006-1g.jpg">

soit correct car la photo est dans le dossier "grande" et non sous "gr_2006.html"
quelle bourde je fais donc ?
mille excuses pour mes mauvaises applications de l'etiquette (patience, ça va venir)
merci d'avance pour votre patience
gb
Modifié par guyber71 (03 Apr 2008 - 14:19)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

guyber71 a écrit :

<p><img src=2006-1g.jpg"></p>
<a href="page_5.html#2006">retour</a>

Bonjour,

La faute de frappe sur le src de l'image est-elle aussi présente sur le site? Quel est exactement le problème? Y a-t-il un exemple en ligne?

bonjour, Sidi, non, c'est bien ecrit
voici ce que j'ai fait et qui ne fonctionne pas trop!!!
dans la "page_ 5.html "je pose une ancre pour le retour puis en cliquant sur la photo 2006-1p.jpg (vignette) je veux aller dans la page 2006.html et ouvrir la photo 2006-1g.jpg
[#]<a name="<2006"></a>
<a href="grandes/gr_2006.html/img src"2006-1g.jpg"><img src="images/2006-1p.jpg"></a>
et ainsi de suite pour les autres
dans la page: grandes/2006.html je veux simplement revenir au niveau "2006" de la page 5
[#]<p><img src=2006-1g.jpg"></p>
<a href="page_5.html#2006">retour</a>
et ainsi de suite pour les suivantes
"grandes et page_5 sont au même niveau dans l'arborescence
malheureusement, ça ne fonctionne pas
'je ne suis pas sur que
[#]<a href="grandes/gr_2006.html/img src"2006-1g.jpg">
soit correct car la photo est dans le dossier "grande" et non sous "gr_2006.html"
quelle bourde je fais donc ?
mille excuses pour mes mauvaises applications de l'etiquette (patience, ça va venir)
merci d'avance pour votre patience
gb
Modifié par guyber71 (03 Apr 2008 - 14:19)
bon, c'est encore pas bon, svp remonter au post d'hier soir
(je ne suis pas doué !!!!!!!!)


Modifié par guyber71 (03 Apr 2008 - 14:22)

Bonjour Guyber,

Pourrais-tu s'il-te-plait faire un copié-collé des deux pages bien entouré par deux balises code, s'il-te-plait?

Et essaie de décrire avec tes mots, sans parler de code, ce que tu veux exactement (a priori, une page avec des vignettes, et une page avec les photos en grand, et en cliquant sur une vignette, on va sur l'autre page, à une position précise?).

Cordialement, SD.

bonjour, et encore bravo pour ta patience.
ce que je veux :
sur une page où j'ai des vignettes (reperees 1p, 2p....)je veux qu'en cliquant dessus j'aille sur une autre page qui contient les grandes photos (reperees 1g, 2g......), et qu'elles se correspondent (les 1p avec les 1g etc...) puis, quand j'ai vu la photo, je veux revenir qq part precisement dans la page precedente.
j'essaie le "copier coller" de mon dernier message :

[#green]<a name="2006"></a>
<a href="grandes/gr_2006.html/img src"2006-1g.jpg"><img src="images/2006-1p.jpg"></a>
<a href="grandes/gr_2006.html/img src"2006-2g.jpg"><img src="images/2006-2p.jpg"></a>

et ainsi de suite pour les autres
dans la page: grandes/2006.html je veux simplement revenir au niveau "2006" de la page 5

[#green]<p><img src="2006-1g.jpg"></p>
<a href="page_5.html#2006">retour</a>
<img src="2006-2g.jpg">
<p><a href="page_5.html#2006">retour</a></p>

et ainsi de suite pour les suivantes
"grandes et page_5 sont au même niveau dans l'arborescence
malheureusement, ça ne fonctionne pas
'je ne suis pas sur que

[#green]<a href="grandes/gr_2006.html/img src"2006-1g.jpg">

soit correct car la photo est dans le dossier "grande" et non sous "gr_2006.html"

Ok, je crois que j'ai compris ce qu'il te faut.

Je te propose deux solutions :

- soit je te montre le squelette du code qui correspond à ce que tu cherches.

- soit je te propose quelque chose de simple et très joli qui le fera à ta place en JavaScript.

A toi de voir

merci, sidi
je pense que les deux sont bons :
le premier pour me forcer à me debrouiller
le deuxieme pour la beaute du geste car si je mets du javascript dans mes ecrits, le prof va se demander où j'ai peche ça(cours d'html dans une universite populaire dont le but final est un site perso)
je pencherais qd même pour le premier
a bientot
gb

Et le papi va à l'université??

bonjour,
et alors ? il n'y a pas d'age pour souffrir (attention : le deuxieme terme est "pôpulaire, donc ouvert à tous ........)
au fait, sidi, j'ai trouve la solution en html, apres une nuit blanche : a grand renfort d'ancre et en numerotant les photos
il reste que ta solution "elegante" reste d'actualite
merci, je reviendrai sans doute pour un pb de "compteur de visites"
bien sur, suivant la charte je me dois d'aider aussi!!!! mais ma specialite c'est plutot l'aquariophilie marine.
bon dimanche a tous
gb