DeBlog

Ostatnio internet przysłał do nas link do strony, na której znajdowała się oferta (jedna z tych nie do odmówienia) skryptu powiększającego pewne miejsce na obrazku - i wszystko to dla jednorazowego wykorzystania za jedyne 25 funtów! (
http://www.magictoolbox.com/magiczoom) Jako, że nie miałem drobnych w kieszeni a potrzebowałem podobnego efektu, zamknąłem przeglądarkę i odbyłem niesamowitą przygodę po ciemnej stronie kodu - JavaScript z MooTools. Efektem tego był taki kod
ImageZoom.js.

Do odpowiedniego działania potrzebowałem jeszcze jakiegoś stylu:

Teraz już tylko wystarczyło wstawić odpowiednie obrazki:

A na samym dole strony pozostało mi dopisać:

Po upływie niecałych dwóch godzinek otworzyłem tę stronę w różnych przeglądarkach i okazało się, że po najechaniu kursorem na obrazek, zaraz pod wskaźnikiem myszy pojawił się mały kwadracik, z dokładnym powiększeniem tego miejsca, na które wskazywałem! Ku mojemu zdziwieniu jak poruszałem odpowiednio myszką to zoom zaczął podążać za moim kursorem! I do tego działał zawsze tak samo bez względu na rozmiar obu obrazków! Jakie to szczęście, że nie miałem dzisiaj ze sobą drobnych, za które będę mógł sobie kupić na przykład dodatkową kość RAMu albo 60 świerzych pączków z piekarni..

Przykład
UWAGA: Do poprawnego działania niezbędna jest bibioteka MooTools!