So erreichen Sie diese Zoom - und Unzoom - FunktionLakeit

Question

Ich hoffe, dass jemand mich in die richtige Richtung in Bezug auf diesen Effekt von Mozilla Firefox zeigen kann, wenn ich auf ein Video - thumbnail klicke, da ich dies auch mit Fotos erreichen möchte gut, das heißt Siehe:>

http://en-gb.www.mozilla.com/en-GB/firefox/3.5.1/whatsnew/

und klicken Sie auf das Thumbnail Play-Taste.

Danke. Tony.

Answer 1

Wenn Sie jQuery verwenden, gibt es viele Plug-ins, die Zoom-Effekte mit Daumen-zu-voller-Größe bereitstellen. Zum Beispiel fancybox (siehe das dritte Einzelbildbeispiel unter this page).

Alternativ, wenn Sie mehr Kontrolle möchten, können Sie die Eigenschaften selbst ohne allzu großen Aufwand bauen:

1. Laden Sie das vollständige Bild mit ajax
2. die src ersetzen attribute Ihrer Miniaturbild (stellen Sie sicher sein eine feste Größe)
3. die Zoom-Do von animating Ihre Breite/Höhe (& Position falls erforderlich) auf die volle Größe des endgültigen Bildes

Beachten Sie, dass Sie je nach dem, was Sie zeigen (z. B. wenn Sie dies für eingebettetes Flash-Video tun), die Reihenfolge 2 & 3 ändern müssen, indem Sie die Miniaturansicht (oder ein anderes Platzhalterbild) vergrößern. & und dann den endgültigen Inhalt in voller Größe austauschen.