Lien dans une galerie PHP

**G-First** · 05/01/2009, 07h44

Bonjour,

Pour mon site web, j'utilise une galerie 2bgal. Mais je l'ai remodelé pour l'uniformiser avec le design de mon site. En l'occurrence, j'ai rajouté des entêtes, menus, intro, un petit iframe... Du coup, les albums à proprement dits de ma galerie se retrouvent bas dans la page. En soi, cela n'est pas un problème, mais ce qui est plus gênant, c'est qu'à chaque clic sur un album ou sur une flèche pour voir l'image suivante, l'on se retrouve en haut de page et il faut descendre le scroll pour retourner à l'album.

Pour mieux comprendre, je vous invite à vous rendre à l'adresse qui suit : www.1001sentiers.fr/galerie/

Je me demandais donc s'il y avait un moyen pour régler cela, en retombant au niveau du début de la galerie à chaque fois que l'on clique sur un lien. J'ai tenté de modifier les <a> en incrustant la redirection vers un <div> (à l'aide du "#" en fin d'url qui marche bien en html) mais en vain. Et je n'ai pas trouvé de "target" qui soit efficace. Du coup, n'étant pas spécialiste du php, je me suis dit que ces fonctionnalités html ne marchaient pas forcément bien en php, et qu'il vaudrait mieux que j'aille demander à un spécialiste. D'où ce message...

Et voici le code du fichier .tpl qui commande la galerie, tel que je l'ai modifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<?xml version="1.0" encoding="iso-8859-15"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title>MILLE ET UN SENTIERS : Binarise ton plaisir</title> 
<meta name="GENERATOR" content="Tout le VTT azuréen" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> 
<meta name="keywords" lang="fr" content="vtt,vtt 06,vtt alpes maritimes,vtt alpes-maritimes,cote d'azur,côte d'azur,06,parcours vtt,photos vtt,enduro,mtb,vélo tout terrain,mountain bike,descente,freeride,cross-country,enduro,rallyes freeride,1001,1001 enduro tour,vtopo,vtopos,vtopo 06,vtopos 06,eco-sentiers,guides vtt,parcours vtt 06,parcours vtt alpes-maritimes,parcours vtt alpes maritimes,parcours vtt 06,topos vtt,topo vtt,topos vtt 06,initiés,famille,experts,initié,expert,livres vtt,photographie vtt,vidéos,forum vtt" />
<meta name=category content=Sport>

<link rel="stylesheet" type="text/css" href="../1001sentiers.css" /> 
<link rel="SHORTCUT ICON" href="../images/general/iconenav.ico"/>
</head> 

<body> 

<div id="conteneur">

  <div id="entete_vttheque">
  </div>

  <div id="rubriques">
	  <ul>
        <li><a class="vttheque" href="../vttheque/index.html" title="Mille et un plaisirs">&nbsp;</a></li>
        <li><a class="endurotour" href="../1001endurotour/index.html" title="Mille et un Enduro Tour 2009">&nbsp;</a></li>
        <li><a class="vtopo" href="../vtopo/index.html" title="Mille et une idées de balades">&nbsp;</a></li>
        <li><a class="suivezleguide" href="../suivezleguide/index.html" title="Mille et un encadrements compétents">&nbsp;</a></li>
        <li><a class="forum" href="../forum/index.php" title="Mille et une discussions">&nbsp;</a></li>
	  </ul>
  </div>

  <div id="menu">
	<ul>
      <li><img src="../images/vttheque/img_menu_1left.jpg" width="42" height="66"></li>
      <li><a class="vttheque_presentation" href="../vttheque/index.html" title="Présentation">&nbsp;</a></li>
      <li><a class="vttheque_photos" href="index.php" title="Galerie Photos">&nbsp;</a></li>
      <li><a class="vttheque_videos" href="../vttheque/videos.html" title="Vidéos">&nbsp;</a></li>
      <li><a class="vttheque_calendrier" href="../vttheque/calendrier.html" title="Calendrier">&nbsp;</a></li>
      <li><a class="vttheque_ourouler" href="../vttheque/ourouler.html" title="Où rouler?">&nbsp;</a></li>
      <li><a class="vttheque_charte" href="../vttheque/charte.html" title="Charte">&nbsp;</a></li>
      <li><a class="vttheque_liens" href="../vttheque/liens.html" title="Liens">&nbsp;</a></li>
      <li><img src="../images/vttheque/img_menu_9vide.jpg" width="146" height="66"></li>
      <li><a class="vttheque_contact" href="../vttheque/contact.php" title="Contact">&nbsp;</a></li>
      <li><img src="../images/vttheque/img_menu_11right.jpg" width="40" height="66"></li>
	</ul>
  </div>

  <div id="intro">
    <table width="428" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td><img width="374" height="35" src="../images/vttheque/titre_photos.gif">
          <p>Les albums photos : la seule chose qui reste d'une belle rando entre 
            potes ou d'une comp&eacute;tition &agrave; laquelle on a particip&eacute;e. 
            Mais aussi le moyen id&eacute;al pour r&ecirc;ver les jours de blues 
            ou de taff. Entre outil de m&eacute;moire et outil d'&eacute;vasion, 
            cette galerie photos regorge de milliers d'images ramen&eacute;es 
            des sentiers azur&eacute;ens.</p>
  		</td>
      </tr>
    </table>
  </div>
    
  <div id="news">
  <iframe src="../news/sommaire_pages.html" width="253px" height="158px" scroll="auto" frameborder=0></iframe>
  </div>
	
  <div id="cadre_bottom">
  </div>
    
  <div id="cadre"> 
    <table width="732" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
          <h1><img src="../images/general/s.gif"> Galerie photos :</h1>
	
	<!-- BEGIN admin -->
<div id="galliensadm">-&nbsp;<a class="gallienmin" href="admin/index.php">{TXTADMIN}</a>&nbsp;-&nbsp;</div>
<!-- END admin -->
<div id="galbarrearbo">>>&nbsp;&nbsp;<a class="gallien" href="index.php">{TITREGALERIE}</a></div>
<div id="galbarreinfo">{NBTOTALBUMS} {TXTALBUMS}, {NBTOTIMG} {TXTDANSLAGAL}</div>
<div id="galcontenu">
<table id="galtblminiatures">
  <!-- BEGIN line -->
  <tr>
    <!-- BEGIN row -->
	  <!-- BEGIN rowimage -->
      <td>
	    <!-- BEGIN image -->
	    <a href="{LIENALBUM}.php?id_album={IDBROWSEALBUM}&amp;stat=ok"><img src="{IMAGEBROWSEALBUM}" alt="X" class="galminiature"/></a>
	    <!-- END image -->
	  </td>
	  <!-- END rowimage -->
      <!-- BEGIN rowdescr -->
      <td class="galdescralbum">
	    <!-- BEGIN descrsecure -->
	    <img src="style/{TEMPLATEFOLDER}/key.png" alt="" />&nbsp;&nbsp;
	    <!-- END descrsecure -->
	    <!-- BEGIN descrpere -->
	    <a class="gallien" href="{LIENALBUM}.php?id_album={IDBROWSEALBUM}&amp;stat=ok">[ {NOMBROWSEALBUM} ]</a><br />
          <!-- BEGIN displaydescrpere -->
		  {DESCRBROWSEALBUM}<br />
		  <!-- END displaydescrpere -->
		  <!-- BEGIN displayseriespere -->
	      <img src="style/{TEMPLATEFOLDER}/puce.png" alt="-" />&nbsp;{NBSERIES} {TXTSOUSALBUMS}<br />
		  <!-- END displayseriespere -->
		  <!-- BEGIN displayhitspere -->
          <img src="style/{TEMPLATEFOLDER}/puce.png" alt="-" />&nbsp;{HITSBROWSEALBUM} {TXTVISITES}
		  <!-- END displayhitspere -->
	    <!-- END descrpere -->
  	    <!-- BEGIN descrstand -->
	    <a class="gallien"  href="{LIENALBUM}.php?id_album={IDBROWSEALBUM}&amp;stat=ok">{NOMBROWSEALBUM}</a><br />
	      <!-- BEGIN displaydescrstand -->
		  {DESCRBROWSEALBUM}<br />
		  <!-- END displaydescrstand -->
	      <!-- BEGIN displayimgstand -->
		  <img src="style/{TEMPLATEFOLDER}/puce.png" alt="-" />&nbsp;{NBIMG} {TXTPHOTOS}<br />
		  <!-- END displayimgstand -->
		  <!-- BEGIN displayhitsstand -->
		  <img src="style/{TEMPLATEFOLDER}/puce.png" alt="-" />&nbsp;{HITSBROWSEALBUM} {TXTVISITES}<br />
		  <!-- END displayhitsstand -->
		  <!-- BEGIN displaydatestand -->
		  {TXTAJOUT} {DATEAJOUT}
		  <!-- END displaydatestand -->
	    <!-- END descrstand -->
	  </td>
	  <!-- END rowdescr -->
	<!-- END row -->
  </tr>
  <!-- END line -->
</table>
<!-- BEGIN favorite -->
<table id="galtblfavorites">
  <tr><th colspan="{DISPLAYNBFAVORITE}" class="galfavoriteup">&nbsp;&nbsp;{TXTLESPLUSVUES}&nbsp;&nbsp;  </th></tr>
  <tr>
    <!-- BEGIN favoriteimg -->
	<td><a href="img.php?id_img={IDIMAGE}"><img class="galminiature" src="{URLIMAGE}" alt="X" /></a></td>
    <!-- END favoriteimg -->
  </tr>
  <tr>
    <!-- BEGIN favoritepos -->
	<td class="galtblfavoritesdown">{POSITION}</td>
	<!-- END favoritepos -->
  </tr>
</table>
<!-- END favorite -->
<!-- BEGIN update -->
<table id="galtblupdates">
  <tr><th colspan="{DISPLAYLASTUPDATE}" class="galfavoriteup">&nbsp;&nbsp;{TXTLASTUPDATE}&nbsp;&nbsp;  </th></tr>
  <tr>
    <!-- BEGIN updateimg -->
	<td><a href="img.php?id_img={IDIMAGE}"><img class="galminiature" src="{URLIMAGE}" alt="X" /></a></td>
    <!-- END updateimg -->
  </tr>
  <tr>
    <!-- BEGIN updatepos -->
	<td class="galtblupdatesdown">{DATEVERIF}</td>
	<!-- END updatepos -->
  </tr>
</table>
<!-- END update -->
<table class="bestof" align="center">
  <tr>
      <td id="bestof"><a href="../vttheque/bestof2005.html" target="_top"><img src="../images/vttheque/photos_bestof2005.jpg" width="152" height="110" align="left" border="0"></a> <br>
        <b>&nbsp;<a href="../vttheque/bestof2005.html" target="_top">[ Best of 2005 ]&nbsp;</a></b>
      </td>
  </tr>
  <tr>
      <td id="bestof"><a href="../vttheque/bestof2006.html" target="_top"><img src="../images/vttheque/photos_bestof2006.jpg" width="152" height="110" align="left" border="0"></a><br> 
        <b>&nbsp;<a href="../vttheque/bestof2006.html" target="_top">[ Best of 2006 ]&nbsp;</a></b>
      </td>
  </tr>
  <tr>
      <td id="bestof"><a href="../vttheque/bestof2007.html" target="_top"><img src="../images/vttheque/photos_bestof2007.jpg" width="152" height="110" align="left" border="0"></a> <br>
        <b>&nbsp;<a href="../vttheque/bestof2007.html" target="_top">[ Best of 2007 ]&nbsp;</a></b>
      </td>
  </tr>
  <tr>
      <td id="bestof"><a href="../vttheque/bestof2008.html" target="_top"><img src="../images/vttheque/photos_bestof2008.jpg" width="152" height="110" align="left" border="0"></a> <br>
        <b>&nbsp;<a href="../vttheque/bestof2008.html" target="_top">[ Best of 2008 ]&nbsp;</a></b>
      </td>
  </tr>
</table>
</div>
</td>
      </tr>
    </table>
  </div>

  <div id="signature">
  	<div id="signature_lien">
	  <ul><li><a class="crea" href="http://www.g2vision.fr" target="_blank" title="g2vision.fr">&nbsp;</a></li></ul>
	</div>
  </div>

</div>

</body>
</html>

A voir si je n'aurais pas dû mettre des balises php plutôt que html, ou s'il y a une fonction php ou autre pour permettre de faciliter la navigation à partir des liens, sans remonter à chaque fois en haut de page.

Si quelqu'un a une solution à ce "problème", je serais ravi qu'il m'aide.
Merci d'avance.

PS: je ne sais pas si j'ai posté dans la bonne rubrique. Veuillez m'en excuser si ce n'est pas le cas. Je ne savais pas trop si c'était un fonctionnalité php ou un problème d'html.

**blueice** · 05/01/2009, 08h44

Aucun rapport avec PHP, donc je déplace le sujet.

Par ailleurs soit tu insères des ancres pour toujours se retrouver en bas.
Soit tu utilises une greybox en AJAX.

**G-First** · 05/01/2009, 10h27

Merci blueice (on est voisins, je suis aussi sur Nice). Désolé pour le mauvais placement et merci pour les idées de résolution de ma question.

A ce propos, pourrais-tu me renvoyer vers un lien pour créer ces fameuses ancres ou greybox en AJAX? ...Je ne maitrise pas du tout.

**onime_no_squat** · 05/01/2009, 17h16

Ancres :
http://xhtml.developpez.com/faq/?page=liens#LIEN_ancre

Greybox ajax :

http://orangoo.com/labs/GreyBox/

**blueice** · 05/01/2009, 17h23

Pour les ancres, tu donnes à un élément html qui se trouve à l'endroit que tu souhaites afficher, un id (nom unique) exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="monancre">
bla bla...
ton contenu
</div>

Et ensuite dans le lien qui amène à recharger la page tu rajoutes à la fin du lien #monancre exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="magalerie.html#monancre">Ma galerie de photo</a>

Du coup tu obtiens la page magalerie.html et tu es positionné automatiquement là ou se situe l'id "monancre".

Voilà.

**G-First** · 05/01/2009, 20h19

Autant pour moi alors, je connaissais les ancres. Mieux : j'avais déjà tenté cette option. Soit ça ne marche pas, soit j'ai fait une bourde en tapant mon code. Merci pour le vocabulaire donc. Et aussi pour les liens à onime_no_squat. Je vais regarder tout ça et je vous tiens au courant.

**G-First** · 24/01/2009, 14h36

J'ai fini par réussir à mettre en place les ancres. Ca bogue de temps en temps mais dans l'ensemble ca marche.

Lien dans une galerie PHP

Webdesign & Ergonomie

Discussions similaires

Partager

Partager