2009-04-24 13 views
3

Ich habe eine Webseite, die ein großes Bild zeigt, zum Beispiel eine Seite aus einer Zeitschrift. Ich habe keine Kontrolle über die Bildgröße oder Ausrichtung. Es ist möglich, dass das Bild vom Benutzer gedreht werden muss, um es richtig zu orientieren.Web: Lösung für Bild drehen und zoomen

Gibt es Javascript- oder Flash-Lösungen, mit denen jemand ein bestimmtes Bild drehen und zoomen kann? Idealerweise würde ich ein einzelnes Bild und die Abmessungen angeben, die bei der Anzeige verwendet werden sollen. Wenn das Bild größer als diese Abmessungen ist, kann der Benutzer einen Teil des Bildes vergrößern und vergrößern.

Antwort

4

Ich habe ein paar Lösungen für rotierende Bilder mit direktem Javascript und CSS gesehen. Raphael würde den Trick tun. Es gibt anscheinend sogar eine example mit Drehen eines Bildes. (es verwendet SVG aber ist in allen gängigen Browsern unterstützt)

This one ist nicht Cross-Browser, aber ist dennoch eine interessante Übung.

Wie für Flash-Rotation etc ...

+0

Daumen hoch für die Verwendung von SVG! –

0

Für Bilder zu drehen, habe ich jquery-rotate und es funktioniert sehr gut.

Es ist nicht vollständig Cross-Browser, es funktioniert nicht mit IE6 (und wahrscheinlich anderen alten Browsern).

Zum Zoomen, ich denke, Sie könnten Ihre eigene Implementierung mit Javascript machen, können Sie nur die Größe des Bildes (einfach mit jQuery).

+0

Es funktioniert auch nicht mit Safari/Chrome, nur FYI – cgp

+0

Wirklich? Ich dachte, es funktioniert mit WebKit, nvm dann – mbillard