JavaScript do powiększania i przesuwania obrazu

Question

Mam wymaganie w projekcie nad którym pracuję dla fragmentu JavaScript, który pozwoli użytkownikowi na przesuwanie i powiększanie i pomniejszanie dużego obrazu.

Niestety, moje doświadczenia z JavaScriptem są ograniczone.

Czy ktoś wie o bezpłatnym dostępnym skrypcie, który spełni moje wymagania?

Answer 1

Nie wiem, czy można korzystać z bibliotek takich jak jQuery lub Prototype/Scriptaculous, które mogą zwiększyć dostępne opcje.

Powiedział, że ta próbka z Toddem Ditchendorf jest naprawdę cool i nie ma zależności zewnętrzne:

http://ditchnet.org/dhtmlgallery/izoom/

Answer 2

Jest Wtyczka jQuery ZoomImage moim zdaniem co byłoby dobre wykorzystanie w tym przypadku. .Przykłady kodu to here lub here.

Jest jeden, który również wykorzystuje pasek powiększenia obok image

Answer 3

Zapraszamy do obejrzenia przykładów Shadowbox.

Answer 4

Wyjazd Seadragon AJAX tutaj:

http://livelabs.com/seadragon-ajax/

To samo tech 'głęboko zoom', który jest używany w Photosynth, ale jest to zrobione w całości w Javascript. Istnieje wbudowana kontrola przeglądarki, którą możesz umieścić na swoich stronach i istnieje narzędzie do tworzenia obrazów wielopoziomowych, więc nie musisz być programistą JavaScript ninja, aby zacząć. To w 100% HTML i JS.

Korzystanie z przeglądarki Silverlight zapewnia płynniejsze powiększanie, ale jeśli klient jest przeciwko wtyczkom, prawdopodobnie rozwiązanie AJAX jest rozwiązaniem.

Mam nadzieję, że to pomoże.