html zoomen Sie mit der Maus über

Canvas wird von IE ohne Plug-ins von Drittanbietern nicht unterstützt. Sie möchten dies in JavaScript tun. jQuery macht dies sehr einfach und sauber. Binden Sie Handler für die Hover-In / Out-Ereignisse für das Bildelement, das Sie vergrößern möchten, mit .hover() . "Binding Handler" bedeutet einfach, dass Sie zwei Funktionen an .hover () übergeben, die ausgeführt werden, wenn der Benutzer ein- bzw. ausblättert. Diese Funktionen verwenden animate() , wodurch Sie einfach eine neue Größe übergeben können.

Sehen Sie sich die Dokumentation zu .animate () und .Hover () . Wenn Sie jQuery noch nicht kennen, lesen Sie die Tutorials .

Schließe dein Foto in ein div ein und füge Zoom über CSS beim Hover hinzu. Vielleicht möchten Sie den Z-Index beim Hover erhöhen. Sie können dem folgenden CSS hinzufügen, um das gezoomte Foto besser aussehen zu lassen. Wenn Sie das Rad nicht neu erfinden wollen, sollten Sie nach einem Jquery-Plugin Ausschau halten, das dasselbe auf elegante Weise mit weniger Aufwand erreichen kann.

CSS:

Jquery / Javascript:

Sie können das Bild in einem Div als Hintergrundbild anzeigen und die Position mit etwas Javascript ändern.

Hier ist eine Bibliothek mit einigen Beispielen: Ссылка

Ich glaube, ich habe gefunden, was Sie wollen: lupe.js . Von dem, was ich gesehen habe, ist es eine der am besten aussehenden Lupe / Lupe Effekte.

Ich habe ein relatives Beispiel gefunden, also besuche diese:

1. Beispiel auf der Ajax-Zoom-Website .
2. ein weiteres Beispiel: Zoom Effekt (Karibik), Rahmeneffekt (Mona Lisa), Röntgeneffekt (Homer), Druckeffekt (G5 ) .
3. GOOOOOOOOOGLE:)