2015-05-10 9 views
5

Ich arbeite an einem HTML/CSS/JS-Programm, um ein Video zu ziehen, um es zu positionieren und es mit dem Mausrad zu zoomen. Das Programm zoomt im Browser-Bildschirm. Wenn ich jedoch auf den Vollbildmodus umschalte, schleicht sich das Video beim Zoomen vom Cursor nach oben. Wie setzt man die Koordinaten für panzoom.js zurück, wenn der Vollbildmodus aufgerufen wird?Wie setzt man die Koordinaten für panzoom.js zurück?

Dies sind die Verbindungen: Zoom.html und jquery.panzoom.js

+0

Das Programm Zoom.html wurde für Chrome entwickelt. Es funktioniert nicht in IE. Der in der Frage angegebene Link dient der Bildschirmdarstellung. Hier ist der HTML-Quellcode: https://raw.githubusercontent.com/JamminHTML5/Zoom/master/Zoom – JimM

+0

funktioniert nicht auf Firefox Sie sollten auch ein anderes alternatives Skript verwenden – intika

Antwort

1

Es wird ein 'Reset' Option in jquery.panzoom.js. Also, wenn Vollbild geht, fügen Sie diese zu Ihrer BigSmall Funktion:

$('#focal').find('.panzoom').panzoom("reset"); 

Es wird dann den Zoom-Zustand zurückgesetzt.

+1

Sie arbeiteten hart für die 100 Bonuspunkte, didn Bist du? Sie haben das Programm ausgeführt und in die Funktionen gegraben. Ihre Mühe wird sehr geschätzt. Ich hoffe, Sie genießen das Schwenken und Zoomen Ihrer eigenen Videos! – JimM

Verwandte Themen