JavaScript / CSS / DOM – powiększenie obrazu
TJPzoom 3
Autor: Janos Pal Toth
Email autora: valid@tjp.hu
Licencja: Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Demo: ajax.blog.hnatyszyn.pl/tjpzoom
Pobierz: download.blog.hnatyszyn.pl
Co to jest?
Jest to skrypt tzw. lupki. Można ją wykorzystać do powiększania zdjęć. Na pewno się przyda na stronach/forach graficznych i nie tylko.
Jak działa?
Jeśli przesuniesz mysz nad obrazem, można nieco powiększyć okno z wersji powiększony o część obrazu w nim. Ale to nie wszystko:
- kliknij i przeciągnij myszy w górę, powoduje przybliżenie,
- kliknij i przeciągnij mysz w dół, to powoduje pomniejszenie,
- kliknij i przeciągnij, aby PRAWO myszy, powiększenie okna,
- kliknij i przeciągnij w lewo, myszy, pomniejszenie okna.
Nowa wersja posiada:
- posiada przejrzysty spadek cień (IE6 +)
- działa szybciej
- znacznie czystszy kod
Skrypt jest zgodny z przeglądarkami:
- Internet Explorer 6, 7
- Firefox 2
- Opera 8.54
- Safari 2
- Konqueror 3.5.6