Forum für CMS/made simple

Henk1060

Server-Pate

Registriert: 12. August 2011

Beiträge: 632

ToolBox Fancybox Next -Previous Button ausserhalb des Bildes anlegen

Hy leute...

Bin jetzt seit in der Früh dran und drauf dieses Problem zu lösen.
Die Buttons zum weiter klicken werden innerhalb des Div´s Bildes angezeigt.
Jedoch wenn ich unterschiedliche Bild Größen sprich Breite habe dann muss der besucher immer mit der Maus nach rücken.
Schöner wäre es wenn sie fix immer am Linken und Rechten platz bleiben würden.

In der Html wird das ausgeben

 Hier klicken, um den Code zum Kopieren zu markieren

div class="fancybox-outer">
<div class="fancybox-inner" style="overflow: visible; width: 373px; height: 254px; cursor: pointer;">
<a class="fancybox-nav fancybox-prev" href="javascript:;" title="Previous">
<a class="fancybox-nav fancybox-next" href="javascript:;" title="Next">
</div>
<a class="fancybox-item fancybox-close" href="javascript:;" title="Close"></a>
</div>
</div>
</div>

Wenn ich es mit Firebug verschiebe wie hier

 Hier klicken, um den Code zum Kopieren zu markieren

<div class="fancybox-inner" style="overflow: visible; width: 373px; height: 254px; cursor: pointer;">
</div>
<a class="fancybox-item fancybox-close" href="javascript:;" title="Close"></a>
</div>
</div>
</div>
<a class="fancybox-nav fancybox-prev" title="Previous" href="javascript:;">
<a class="fancybox-nav fancybox-next" title="Next" href="javascript:;">

Dann sieht das so aus wie ich es gerne habe..
Also müsste ich das nur irgendwie verschieben.

So wie ich das sehe ist das in der jquery.fancybox.pack.js eingebunden.
Und da blicke ich mich einfach nicht mehr durch.

Es gibt auch eine Anleitung hier http://jsfiddle.net/Xh3B2/
jedoch bringt die mir anscheinend nix... da das script umgeschrieben worden ist.

Hätte da wer eine Lösung?

Danke