Bildergalerie: Automatisches Scrollen / Anker für "Bilder ansehen" passend setzen

07.05.2014 00:29
#1 Bildergalerie: Automatisches Scrollen / Anker für "Bilder ansehen" passend setzen
avatar
Mitglied

Business-Template / Automatisches Scrollen in "Bilder ansehen"



Will man sich Bilder in der Bildergalerie mit unterschiedlicher Größe ansehen, muss man ständig scrollen, um das jeweilige Bild wieder auf eine passende Höhe zu bekommen.
In der Standard-Version ist der hierfür verantwortlichen "Anker" inaktiv.
In der Premium-Version ist der Anker "name="viewport" im Link für das "Vollbild" versteckt.
Hier allerdings scrollt das Bild nur bis zum oberen Rand der Button « Vorheriges Bild / Nächstes Bild » (optisch etwas unschön).

+ Es währe gut, wenn beim automatischen Scrollen der Pfad noch sichtbar ist, damit man beliebig in der Bildergalerie navigieren kann!
+ Auch beim Weiterklicken über die Pfeilgrafiken im Bild, vermisse ich ein automatisches Scrollen der Bilder auf einen festgelegten Abstand zum oberen Bildrand.
+ Für ein ruhiges Betrachten der Bilder ist hier eine Änderung sehr empfehlenswert!

Lösung:
Die Lösung ist relativ einfach. Es müssen nur die Anker gesetzt werden.

Kurz-Version:
Änderung in "Neues Business Template » Bildergalerie - Bild anzeigen" (blau kommt hinzu / Rot fällt weg).

<a name="viewport" style="position:absolute;margin-top:-10px;"></a>
<script type="text/javascript" language="text/javascript" src="{{js_uri}}autocomplete.js"></script>
<script language="javascript" src="{{link_gallery_js}}" type="text/javascript"></script>
*
*
{{gallery_dl_link==true.start}}
<div class="foptions"><img style="vertical-align:center; padding-right:5px;" src="http://files.homepagemodules.de/b2001010/a_934_e1dbca11.png" width="16px" height="16px" /><a name="viewport" href="{{gallery_dl_link}}" class="xdl" target="_blank" ><small>Vollbild-Ansicht</small></a></div>
{{gallery_dl_link==true.end}}
*
*
{{linkedusers==false.start}}onmouseout="document.getElementById('back').style.backgroundImage='none'"; onclick="window.location='{{previousLink}}#viewport'"{{linkedusers==false.end}}>
*
*
{{linkedusers==false.start}}onmouseout="document.getElementById('next').style.backgroundImage='none'"; onclick="window.location='{{nextLink}}#viewport'"{{linkedusers==false.end}}>
*
*


Es besteht auch die Möglichkeit nach einem Klick auf das Vorschaubild, das automatische Scrollen einzuleiten.
Hierfür braucht auch nur ein "Verweis" für den "Anker" ( name="viewport") gesetzt werden!


Wer Interesse hat, mehr hier:
Automatisches Scrollen und schnelles navigieren in der Bildergalerie


Bis dann
Wolfgang

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!