2012-03-29 2 views
1

Ich habe ein Magazin auf meiner Seite mit dem folgenden Markup:Implementierung Zoom innen fancybox

<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_02-03.jpg"><img  src="http://fashion.megamall.ru/images/2012/journal/small/journal_02-03.jpg"></a> 
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_04-05.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_04-05.jpg"></a> 
<a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_06-07.jpg"><img src="http://fashion.megamall.ru/images/2012/journal/small/journal_06-07.jpg"></a> 

ich fancybox bin mit einer ... Leuchtkasten ähnlicher Vorschau mit Thumbnails zu erstellen. Aber weil meine anfänglichen Magazinseiten ziemlich groß sind, passt die fancybox sie so an, dass sie in das Ansichtsfenster passen, so dass sie nicht lesbar sind. Was ich tun möchte, ist, der Fancybox einige Zoom-Funktionen hinzuzufügen. Ich habe einen Thread hier auf Stachoverflow Adding zoom to Fancybox gefunden, wo jemand versucht, das gleiche Ergebnis mit jqzoom zu erreichen. Ich habe versucht, die vorgeschlagene Lösung zu implementieren, aber es scheint nicht zu funktionieren.

Könnten Sie mir bitte bei dieser Aufgabe helfen? Vielleicht muss ich fancybox Inhalte von einem anderen Ort und nicht von dieser Seite aus starten? Aber ich brauche immer noch die Bilderliste in meinem HTML, weil sie das Magazin außerhalb der Fancybox zeigen.

Hier ist meine Website:

http://fashion.megamall.ru/journal

Thank you!

Antwort

0

Update von 2017 - fancybox3 unterstützt jetzt das Zoomen durch Klick auf den Desktop & Pinch Gesten auf Touch-Geräten.

Die Dokumentation ist hier: http://fancyapps.com/fancybox/3/docs/#options

Bitte beachten Sie das Skript ganz anders & die Optionen wurden aktualisiert, so ist es nicht ein Drop-in-Ersatz für fancybox 2.