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

Responsive Slideshow Photo Gallery Grid

— Add- On do WorldWideScripts.net

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

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Reagującego Pokaz Galeria ma płynu / elastyczne / układ reagujący. Zasadniczo siatka jest dodawany do strony html do div swojej chosing i to dostosowujące w oparciu o szerokość div jest wysokość siatki jest modyfikowany w zależności od liczby miniatur, a jeśli inne elementy są poniżej div siatki będą przesuwana automatycznie (obieg dokumentów). W przykładach dostarczonych można zobaczyć kilka sposobów, w którym można skorzystać z tej sieci, oczywiście, że możliwe są inne konfiguracje (proszę zwrócić uwagę, że kod przykładów znajduje się w plikach do pobrania).

Czysta OOP kodu JavaScript, bez wykorzystania jQuery lub innych bibliotek, w ten sposób nie będzie żadnych niezgodności z stron HTML, które mogą być za pomocą jQuery lub innych bibliotek JavaScript.

Reagującego Pokaz Galeria korzysta z GPU (akceleracji sprzętowej) przy użyciu standardów HTML5. Prędkość renderowania i wydajność jest bez zarzutu na komputerach stacjonarnych i co najważniejsze na urządzeniach mobilnych, tak to działa to spróbuj użyć CSS3, a jeśli nie jest to możliwe, że tak się spadek do CSS2 lub ​​CSS 1 dla starszych przeglądarek, takich jak IE7 i IE8.

Doskonała wydajność w urządzeniach mobilnych, można zobaczyć w demo wideo, że działa on tak jak native aplikacji!, został zakodowany i zoptymalizowane dla urządzeń mobilnych i jest w 100% kompatybilny komórkowy i oczywiście to będzie działać tak samo dobrze na komputerach stacjonarnych w tym na starszych przeglądarkach takich jak IE7 i IE8. Testowaliśmy go na iPad3 (iOS) i na Samsung Galaxy S3 (Android) i działa świetnie na obu urządzeniach, poniżej znajdują się linki aby zobaczyć te dema.
Oglądaj demo działa na Samsung Galaxy S3 (Android) lub Watch demo działa na iPada (IOS).

GRID GŁÓWNE CECHY

Elastyczny / układ Fluid: można kontrolować rozmiar siatki z CSS lub JavaScript, w zasadzie to ma do adaptacji układu co czyni go idealnym kandydatem do każdego typu projektu.

Cały kolor tematem może być modyfikowana.

Konfigurowalny rozmiar miniatury i geometria: funkcja ta pozwala zmienić rozmiar miniatur i przestrzeń między miniaturami.

Konfigurowalny miniatury obramowania i tła: każda miniatur może mieć obramowanie i tło, kolor tła miniatury, rozmiar granicy i kolor granicy są konfigurowalne.

Miniatura opis: każdy kciuk może mieć krótki opis z przezroczystym tłem pod nim, a opis ten jest widoczny, gdy wskaźnik myszy znajduje się nad miniaturkę, tekst może być sformatowany z CSS, kolor tła i krycie również mogą być modyfikowane (opcjonalnie).

"Wczytaj więcej miniaturek wyposażone": to jest niesamowite cechą, która poprawia ogólną wydajność i szybkość ładowania, ponieważ w ten sposób nie wszystkie miniatury są ładowane i wyświetlane jednocześnie. Na przykład, jeśli masz w sumie 120 miniatur można pokazać je w zestawach po 50 miniatur, a więc początkowo w sieci pierwszy zestaw 50 miniatur są ładowane i wyświetlane, a kiedy "pokaż więcej miniatury" naciśnięciu przycisku następna zestaw 50 miniatur są ładowane i wyświetlane, i wreszcie, gdy przycisk "pokaż więcej miniatury" zostanie ponownie naciśnięty przez 20 pozostałe miniatury pokazał. Liczba miniatury, aby załadować na zestaw jest konfigurowalny, to nie musi być 50 może to być dowolny numer, który rozważenia. Ta funkcja jest opcjonalna, jeśli jest wyłączone wszystkie miniatury są ładowane i wyświetlane.

Niestandardowe działania naciśnij miniatur: gdy miniatur jest wciśnięty można wybrać jedną, aby wyświetlić oryginalny mediów schowek, które mamy zakodowane, lub otworzyć nową stronę internetową, adres URL i cel tej strony może być określony. Lightbox może wyświetlać obrazy lub może wyświetlać filmy załadowane z YouTube lub Vimeo.

Lightbox CECHY

Elastyczny / układ Fluid: the lighbox zawsze wypełnić dostępną rzutnię przeglądarki.

Cały kolor tematem może być modyfikowana.

Vimeo i wsparcie YouTube: wszystko co musisz zrobić, jest to link z YouTube lub Vimeo wideo, które chcesz wyświetlić, a lighbox będzie wyświetlać i odtwarzać wideo. Rozmiar (szerokość i wysokość) z każdego filmu można ustawić łatwo.

Zoom i wsparcie płukania zdjęć: można przybliżać i oddalać obraz można przesuwać obraz, w ten sposób można zobaczyć obraz w najdrobniejszych szczegółach (opcjonalnie).

Przycisk Pokaz slajdów (opcjonalnie).

Opóźnienie pokazu slajdów, opóźnienie pokazu slajdów można ustawić w kilka sekund.

Pokaz slajdów autoodtwarzania.

Pokaz niestandardowy animowaną grafikę.

Następny i poprzedni przyciski nawigacji (opcja).

Informacje przycisk i informacji okno: każdy element lighbox może mieć opis, wygląd tekstu i okna mogą być sformatowany z CSS (opcjonalnie).

Konfigurowalny obramowania i tła: rozmiar i kolor obramowania, a także główny kolor tła są konfigurowalne.

Obsługa klawiatury: z lewej i prawej strzałki mogą być wykorzystywane do nawigacji (fakultatywnie).

AKTUALIZACJE

19.02.2013 - Dodaliśmy nową funkcję do tej siatki, możliwość dodania ikony medialny nad miniaturami, gdy są one wybrane, teraz możesz wybierać pomiędzy opisem miniatury, ikony mediów lub "none", gdy jest wybrana miniatur.

07.03.2013 - Poprawiono kilka błędów związanych z ulubionych i dodał, lepsze wsparcie dla wykrywania telefonu.


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

Właściwości

Stworzony:
15 stycznia 13

Ostatnia aktualizacja:
08 marca 13

Wysoka rozdzielczość:
Tak

Zgodne przeglądarki:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Google Chrome

Pliki wliczony:
JavaScript JS, HTML, CSS

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, CSS3, dynamiczny, elastyczny, płyn, ruszt, html5, ulubionych, głoska bezdźwięczna, czuły, vimeo, youtube