#1 2007-09-21 21:36:44

kelvan
Membre
2007-09-17
3

Liens de navigation vers une ancre ?

Bonjour à vous,
Je requiert vos conseils avisés par rapport à une modification que je voudrais apporter à ma galerie fraichement installée sur mon site internet. Il se trouve que cette galerie une fois adapté au design de mon site se trouve dans un conteneur de 840px de large et est donc tout en hauteur. ma question est la suivante:

Serait il possible, en inserant par exemple une ancre, que lorsque que l'on fait défiler les photo avec les liens de navigations (image suivante image precedente etc.) la page se charge au niveau de cette ancre ?

Auquel cas le titre de la photo s'afficherait en haut de la page et non la banniere et le menu de mon site. ce qui empecherait de devoir donner un coup de roulette vers le bas.

Si vous avec des idées concernant la réalisation de la mienne, ou encore de meilleures ...

Bonne journée à vous ;)

Hors ligne

#2 2007-09-22 03:26:18

mathiasm
Former Piwigo Team
2006-02-06
2692

Re: Liens de navigation vers une ancre ?

tu nous fais un dessin pour montrer ce que tu veux obtenir. ce sera plus clair.

Merci

Hors ligne

#4 2007-09-23 18:45:19

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Liens de navigation vers une ancre ?

Pigé... On regardera ça.


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#5 2007-09-23 20:53:05

P@t
Ex Equipe Piwigo
Nice
2007-06-13
5695

Re: Liens de navigation vers une ancre ?

Une solution comme ca:Remove Mb Header qui fonctionne pour 4 thèmes...
Ca supprime la bannière pour les pages des images...
Exemples sur mes 2 sites.

Tu peux sans aucun doute l'adapter à ton cas ;-)


P@t

Hors ligne

#6 2007-09-23 22:47:18

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Liens de navigation vers une ancre ?

./template/yoga/picture.tpl

On remplacera les 91 premières lignes jusqu'à:

<!-- END next -->

Remplacement par:

<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->

<div id="imageHeaderBar">
<a name="nohead"></a>
  <div class="browsePath">
    <a href="{U_HOME}" rel="home">{lang:home}</a>
    {LEVEL_SEPARATOR}{SECTION_TITLE}
    {LEVEL_SEPARATOR}{PICTURE_TITLE}
  </div>
  <div class="imageNumber">{PHOTO}</div>
  <!-- BEGIN title -->
  <h2>{TITLE}</h2>
  <!-- END title -->
</div>

<div id="imageToolBar">

<div class="randomButtons">
  <a href="{U_SLIDESHOW}" title="{lang:slideshow}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/slideshow.png" class="button" alt="{lang:slideshow}"></a>
  <a href="{U_METADATA}" title="{lang:picture_show_metadata}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/metadata.png" class="button" alt="{lang:picture_show_metadata}"></a>
<!-- BEGIN download -->
  <a href="{download.U_DOWNLOAD}" title="{lang:download_hint}"><img src="{pwg_root}{themeconf:icon_dir}/save.png" class="button" alt="{lang:download}"></a>
<!-- END download -->
  {PLUGIN_PICTURE_ACTIONS}
<!-- BEGIN favorite -->
  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" class="button" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN representative -->
  <a href="{representative.URL}" title="{lang:set as category representative}"><img src="{pwg_root}{themeconf:icon_dir}/representative.png" class="button" alt="{lang:representative}"></a>
<!-- END representative -->
<!-- BEGIN admin -->
  <a href="{U_ADMIN}" title="{lang:link_info_image}"><img src="{pwg_root}{themeconf:icon_dir}/preferences.png" class="button" alt="{lang:link_info_image}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
  <a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{pwg_root}{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"></a>
<!-- END caddie -->
</div>

<div class="navButtons">
<!-- BEGIN last -->
  <a class="navButton prev" href="{last.U_IMG}#nohead" title="{lang:last_page} : {last.TITLE_IMG}" rel="last"><img src="{pwg_root}{themeconf:icon_dir}/last.png" class="button" alt="{lang:last_page}"></a>
<!-- END last -->
<!-- BEGIN last_unactive -->
  <a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/last_unactive.png" class="button" alt=""></a>
<!-- END last_unactive -->
<!-- BEGIN next -->
  <a class="navButton next" href="{next.U_IMG}#nohead" title="{lang:next_page} : {next.TITLE_IMG}" rel="next"><img src="{pwg_root}{themeconf:icon_dir}/right.png" class="button" alt="{lang:next_page}"></a>
<!-- END next -->
<!-- BEGIN next_unactive -->
  <a class="navButton next"><img src="{pwg_root}{themeconf:icon_dir}/right_unactive.png" class="button" alt=""></a>
<!-- END next_unactive -->
  <a class="navButton up" href="{U_UP}" title="{lang:thumbnails}" rel="up"><img src="{pwg_root}{themeconf:icon_dir}/up.png" class="button" alt="{lang:thumbnails}"></a>
<!-- BEGIN previous -->
  <a class="navButton prev" href="{previous.U_IMG}#nohead" title="{lang:previous_page} : {previous.TITLE_IMG}" rel="prev"><img src="{pwg_root}{themeconf:icon_dir}/left.png" class="button" alt="{lang:previous_page}"></a>
<!-- END previous -->
<!-- BEGIN previous_unactive -->
  <a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/left_unactive.png" class="button" alt=""></a>
<!-- END previous_unactive -->
<!-- BEGIN first -->
  <a class="navButton prev" href="{first.U_IMG}#nohead" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
<!-- BEGIN first_unactive -->
  <a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/first_unactive.png" class="button" alt=""></a>
<!-- END first_unactive -->
</div>

</div> <!-- imageToolBar -->

<div id="theImage">
{ELEMENT_CONTENT}
<!-- BEGIN legend -->
<p>{legend.COMMENT_IMG}</p>
<!-- END legend -->
<!-- BEGIN stop_slideshow -->
<p>
  [ <a href="{stop_slideshow.U_SLIDESHOW}">{lang:slideshow_stop}</a> ]
</p>
<!-- END stop_slideshow -->
</div>

<!-- BEGIN previous -->
<a class="navThumb" id="thumbPrev" href="{previous.U_IMG}#nohead" title="{lang:previous_page} : {previous.TITLE_IMG}" rel="prev">
  <img src="{previous.IMG}" class="thumbLink" id="linkPrev" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb" id="thumbNext" href="{next.U_IMG}#nohead" title="{lang:next_page} : {next.TITLE_IMG}" rel="next">
  <img src="{next.IMG}" class="thumbLink" id="linkNext" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->

Si tu as peur de te tromper:
picture.tpl avec #nohead
Clic-droit et Enregistre la cible...

Ça fait ce que tu voulais obtenir.

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#7 2007-09-23 22:55:29

kelvan
Membre
2007-09-17
3

Re: Liens de navigation vers une ancre ?

Nickel c'est exactement ce qu'il me falait.

Merci beaucoup.

Et topic résolu donc ;)

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2025 · Contact