Archiwa kategorii: Galerie

Ax-zoomer – skrypt do zoomowania zdjęć w jQuery

ax-zoomer jquery

Prosty skrypt, który umożliwia przybliżanie zdjęć przy użyciu przycisków lub za pomocą rolki w myszce. W konfiguracji skryptu mamy możliwość ustawienia krotności zbliżenia, przeźroczystości, ikonki przycisków oraz czułości rolki myszy. Przy dodawaniu zdjęcia w znaczniku <img> ustalamy małe i duże zdjęcie. Podczas zoomowania, zdjęcie jest podmieniane przez skrypt z małego na duże.

 

ax-zoomer jquery

 

Framework: jQuery
Link: http://www.albanx.com/?pid=1&subid=13
Licencja: MIT, GPL

Watermark – znak wodny na zdjęciu – skrypt w JavaScript

watermarks javascript

Biblioteka js, która w czasie rzeczywistym pozwala dorysować do zdjęcia znak wodny. Skrypt jest napisany w języku JavaScript i nie wykorzystuje żadnych frameworków. W skrypcie możemy ustalić jaki obrazek ma być dołączany do zdjęć, ustawić jego przezroczystość, classe oraz pozycje. Takie rozwiązanie nie zabezpiecza jednak zdjęć przed kradzieżą ze strony, ponieważ można wyłączyć obsługę JavaScript w przeglądarce.

 

watermarks javascript

 

Link: http://www.patrick-wied.at/static/watermarkjs/
Demo: http://www.patrick-wied.at/static/watermarkjs/demos/demo2.html
Licencja: MIT

 

ImageCloud – chmura zdjęć w jQuery

imageCloud jquery

Prosty skrypt umożliwiający tworzenie chmury zdjęć. Zdjęcia wczytywane są ze znaczników img i losowo ułożone na stronie. Po najechaniu na ramkę, zdjęcie powiększa się. W pliku skryptu możemy ustawić kilka parametrów takich jak wielkość obrazków, prędkość otwierania, kolor i grubość ramki oraz zaokrąglenie rogów. Możemy również utworzyć link wpisując adres url w atrybut title znacznika img i ustawiając odpowiednik parametr skryptu na true.

 

imageCloud jquery

Framework: jQuery
Link: http://www.alvaromontoro.com/imageCloud/
Demo: http://www.alvaromontoro.com/imageCloud/demo.php
Licencja: GPL

Spritely – animowane logo z użyciem jQuery

spritely jQuery

To jeden z ciekawszych skryptów napisanych w jQuery. Dzięki niemu możemy tworzyć ciekawe animowane tła lub animowane logo. Stosując dodatkowo bibliotekę jQuery IU, możemy umieszczać w animacji obiekty, które możemy przesuwać po stronie za pomocom myszki. Skrypt działa na wszystkich popularnych przeglądarkach oraz na telefonach iPad i iPhone. Na stronie skryptu znajduje się dokumentacja jak używać skrypt oraz znajduje się na niej dużo odnośników do innych stron które wykorzystują ten skrypt.

Wymagania: jQuery
Demo: http://spritely.net/
Licencja: MIT, GPL

Supersized – pełnoekranowa galeria w jQuery

supersized

Bardzo fajny skrypt galerii, który wyświetla zdjęcia na pełnym ekranu. Pozwala on również na oglądanie pokazu slajdów lub własnoręczne przełączne zdjęć. Spis zdjęć umieszcza się w tablicy JavaScript, oprócz ścieżki do pliku, można również umieścić tytuł zdjęcia oraz link do innej strony. Skrypt samodzielnie tworzy miniaturki w nawigacji.

Supersized jQuery

Framework: jQuery
Link: http://buildinternet.com/project/supersized/
Demo: http://buildinternet.com/project/supersized/3/default.html
Licencja: CC

jQuery Face detection – rozpoznawanie twarzy

jQuery Face detection

Jeżeli ktoś korzystał z Google picasso3  to jest w nim funkcja rozpoznawania twarzy. Na pomysł tej samej funkcji napisanej w jQuery wpadł autor tego pluginu. Muszę przyznać szczerze, że skrypt słabo się spisuje, ponieważ nie rozpoznaje dobrze twarzy. Testowałem skrypt ze zdjęciem na którym było 5 osób i drugie na którym były 3 osoby. Zdjęcia były wyraźne i testowałem je w rożnych wielkościach. Na 5 osób znalazł jedną twarz a na trzy osobowy dwie twarze. No ale można mieć nadzieje, że autor skryptu trochę go poprawi. Projekt można wspomóc dotacją, ale ja bym się jeszcze nie spieszył z wpisywaniem numeru karty kredytowej :P

jQuery Face detection

Framework: jQuery
Link: https://github.com/jaysalvat/jquery.facedetection
Demo: http://facedetection.jaysalvat.com/