WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— Add- On do WorldWideScripts.net

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


Ads

Ad: Bluehost hosting

To narzędzie tworzy imponujące style i efekty dla zdjęć z każdej strony za pomocą tylko CSS3 i JavaScript ( jQuery) .Obsługuje wiele stylów i efektów, które większość z nich można łączyć . Kombinacje są setki !

Za pomocą edytora można łatwo skomponować i sprawdzić swoje style. Następnie należy wyeksportować pliki zawierające kod, który produkuje te style i uwzględnić je w swojej witrynie . Wreszcie, można stosować style do obrazów poprzez dodanie do nich właściwą nazwę klasy CSS.

Obsługiwane Style i efekty

Następujące style i efekty są obsługiwane. Większość z nich można łączyć, ale są niektóre z nich, które nie mogą pracować razem . Tak, style aktywacji krok po kroku i przetestować za każdym razem, gdy wynik jest ładny i czy działa prawidłowo .

  • Granicznej
  • Wycinanka
  • Zakręcony Corners
  • Pokój Kontury
  • Tłoczone
  • Zewnętrzna Caption
  • Spławik
  • Oprawiona
  • Glossy Overlay
  • Glowing
  • Łuku poziomego
  • Wewnętrzny napisów
  • Podnoszone Corners
  • Marża
  • Krycie
  • Perspektywa
  • Pop
  • Podnoszone Box
  • Reflection
  • obrót
  • Zaokrąglone narożniki
  • Okrągły pliku
  • Cień
  • Wstrząsnąć
  • Rozmiar
  • Przesuwne
  • Caption
  • Tape
  • Tooltip
  • Vertical Curve
  • Transition

To narzędzie zawiera 18 predefiniowanych stylów / efekty, które mogą być używane przez Ciebie.

Jak to działa

To narzędzie zawiera edytor, który pozwala tworzyć i testować style graficzne i efekty pragnienie.Używając tego edytora można uniknąć konieczności znajomości programowania. Poniżej można zobaczyć dwa screeny z edytora.

III III II . II

Połączenie stylów i efektów tworząc "widok" .Można utworzyć wiele widoków, jak chcesz . Każdy widok może być stosowane do obrazów z Twojej strony. Nazwa widoku jestnazwa klasy CSS, które zostaną dodane do obrazu, aby być znany.

Po zakończeniu z poglądami ,redaktor tworzy jeden plik CSS i dwa pliki JavaScript, które zostaną zawarte w witrynie . ( Jeśli strona nie ładuje jQuery następnie będzie można również uzyskać jQuery plik z edytora. ) Następnie zastosować stworzone style do obrazów przy użyciu klasy atrybut każdego obrazu . Jak powiedziałem wcześniej,nazwa widoku jestnazwa klasy CSS, które zostaną dodane do obrazu. Na przykładobraz kodu HTML<img src="images/project.jpg">zostaną wykonane<img src="images/project.jpg" class="my-style-1">.

No zaawansowana znajomość programowania jest potrzebna, tylko prosty HTML. Musisz tylko uważać, jeśli to niezbędne pliki na swojej stronie internetowej, ale jest dokumentacja pomocy na ten temat.

Co to ​​narzędzie zawiera

Pobieranie tego narzędzia pojawi się plik zip ( 775 KB) zawierający tylko najczęściej używanych typów plików ( html, css, js, jpg, png i txt) . Wśród tych plików te, które zamierzasz użyć są następujące

  • editor.html: To jestgłówny plik . Jest toedytor, który tworzy style i efekty dla zdjęć.
  • help.html: Pomoc dokumentacji o tym, jak korzystać z edytora i jak stosować style i efekty do zdjęć w ramach witryny.
  • demos.html:Zbiór gotowych stylów i efektów, aby pokazać możliwości tego narzędzia . Ponadto można ich używać w swojej witrynie .
  • demos.txt: Zapisane dane demo stylów i efektów, aby załadować je w edytorze i modyfikować je lub bezpośrednio z nich korzystać .

Ponadto następujące elementy zostaną uwzględnione w witrynie .

  • cisae.js: Już utworzony plik i gotowe do użycia .
  • cisae.css: Zostanie utworzony przez edytor .
  • Javacscript kod: Kilka linijek kodu JavaScript, który zostanie utworzony w edytorze .

Uwaga

  • Style i efekty nie mogą być stosowane do obrazów, na których inne złożone style CSS są stosowane lub kod Javascript manipuluje nimi .
  • Nie można zastosować więcej niż jeden widok tego samego obrazu.
  • Narzędzie to może pracować z Joomla i WordPress .

Trial

Wersja próbna Kompletny stylów obrazów i efekty nie obsługuje wszystkie style i efekty, ale tylkokilka z nich . Poza tym ograniczeniem ,reszta narzędzie jest normalnie działa, więc można zrobić prawdziwy test to i upewnić się, że odpowiada Twoim potrzebom .

Pobierz wersję próbną

Więcej informacji na temat tego narzędzia


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Utworzony:
22 październik 12

Ostatnia aktualizacja:
25 październik 12

Wersja Software jQuery:

Pliki wliczony:
JavaScript JSON JS , JavaScript , CSS , HTML

Słowa kluczowe