• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jQuery Fancybox: Gallerie problem, kein zurück möglich

nonno

Neues Mitglied
Liebes Forum,
da ich wirklich nicht mehr weiter weiß und über die Suchmaschinen nichts passendes finden konnte frage ich nun hier nach.
Ich habe in eine Website die Fancybox eingebaut um Referenzen anzuzeigen. Es gibt ein Thumbnail welches sich per mouseover ändert, beim anklicken öffnet sich dann die Fancybox. Bei einzelnen Bildern oder Gallerien mit nur 2 Bildern ist alles super (1 Thumbnail hinter dem dann vergrößert das Bild liegt oder eben noch ein weiteres). Wenn es nun aber mehr Bilder werden kann man sich, obwohl beide Pfeile permanent sichtbar sind, nur vorwärts navigieren. Kommt man dann beim letzten Bild an kann man von da nur eines zurück gehen, von diesem aber nur wieder zum letzten. Da hängt man sozusagen fest. Ich weiß nicht woran es liegt...

Was ich möchte: Das man sich von jedem Bild aus in beide Richtungen bewegen kann. Man sieht ja schließlich auch die Pfeile...

Das ist im head der HTML:
<script type="text/javascript">
$(document).ready(function() {
/* * Examples - images */

$("a#prev01").fancybox({
'titlePosition' : 'inside'});

$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'inside',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';}});

$(document).ready(function(){
$('.fancybox').fancybox(); });
</script>


Das ist im body:
<div class="ref"><a rel="example_group" href="../ref/mes/Ref_bigC.jpg" title="......"><img src="../ref/mes/Ref_A.jpg" onmouseover="src='../ref/mes/Ref_B.jpg'" onmouseout="src='../ref/mes/Ref_A.jpg'"/></a></div>
<div class="ref"><a rel="example_group" href="../ref/mes/Ref_bigC1.jpg" title="......"></a></div>
<div class="ref"><a rel="example_group" href="../ref/mes/Ref_bigC2.jpg" title="......"></a></div>
<div class="ref"><a rel="example_group" href="../ref/mes/Ref_bigC3.jpg" title="......"></a></div>


Dann gibt es noch die von der fancybox.net runtergeladenen CSS und JS Dateien.

Kann mir da jemand weiterhelfen? Benötigt ihr noch andere Codeinfos?
 
Dann probiere ich es mal: Was mir auf Anhieb auffällt, ist, dass du gleich drei Aufrufe von Fancybox hast. Das würde ich als erstes ändern, denn es könnte Probleme verursachen.
 
Zurück
Oben