jQuery PhotoShoot Plugin - zdjęcia z wizjera



jquery-photoshoot

Plugin  PhotoShoot umożliwia tworzenie efektu robienia zdjęć za pomocą wizjera na tle rozmazanego obrazka. Efekt i sposób działania pluginu pokazuje poniższy obrazek.

Dostępne opcje pluginu to:

  • image - URL obrazka (wymagany)
  • blurLevel - poziom rozmazania obrazka
  • opacity - poziom przezroczystości obrazka w tle - zakres od 0 do 1 - im mniejszy tym obrazek bardziej przezroczysty
  • viewFinder - obiekt definiujący obszar "wizjera":
    • width - szerokość,
    • height - wysokość,
    • img - obrazek (domyślnie pusty ciąg znaków).
  • onClick - funkcja wywoływana po kliknięciu - przekazuje w parametrze do funkcji obiekt z własnościami top oraz left definiującymi położenie lewego górnego rogu migawki.

Obsługa pluginu jest bardzo prosta. Po załadowaniu pliku js oraz css z biblioteką wystarczy podać ścieżkę do zdjęcia i już możemy cieszyć się z uruchomionego efektu.

źródło: tutorialzine.com