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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— Add- On do WorldWideScripts.net

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

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


Draggable Nieskończony Siatka Lightbox - Item WorldWideScripts.net na sprzedaż

Ads

Ad: Bluehost hosting

Nieskończony Siatka Zdjęcie z Lightboxma płynny / elastyczny / czuły układ. Zasadniczosieci dodaje się do strony HTML do div do wyboru i dostosowuje oparciu tego div szerokości i wysokości . Z przykładów podanych można zobaczyć kilka sposobów, w którym można skorzystać z tej siatki, oczywiście, że możliwe są inne konfiguracje ( proszę zauważyć, że przykłady są w pobierania plików) .

Czysta OOP kod JavaScript, nie korzystanie z biblioteki jQuery lub inny, w ten sposób nie będzie żadnych niezgodności ze stron HTML, które mogą być przy użyciu jQuery i innych bibliotek JavaScript.

Nieskończony Siatka Zdjęcie z Lightboxjest za pomocą GPU( akceleracji sprzętowej)korzystaniaStandardy HTML5Prędkość renderowania i wydajność są bez zarzutu na komputerach biurkowych i co najważniejsze na urządzeniach mobilnych . to działa w następujący sposób : będzie starał się wykorzystać CSS3, a jeżeli nie jest to dostępne będzie w dół spaść do CSS2 lub ​​CSS1 dla starszych przeglądarek, takich jakIE7iIE8.

Łatwa instalacja i pełna dokumentacja włączone,Siatka odtwarzania zostanie wykonana z <ul> elementów, co sprawia, że łatwo skonfigurować ręcznie lub być generowane z bazy danych lub innego rodzaju struktury danych, siatka ta może być instalowane i używane przez projektantów i programistów z łatwością.

Doskonała wydajność w urządzeniach przenośnych, można zobaczyć w demie wideo, który działa podobnie jak natywnej aplikacji!, Został zakodowany i zoptymalizowane dla urządzeń przenośnych i jest w 100% telefon kompatybilny 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 i na Samsung Galaxy S3 ( Android) i działa świetnie na obu urządzeniach, poniżej znajdują się linki, aby zobaczyć tę dema .

Obejrzyj demo działa na Samsung Galaxy S3 ( android )lubObejrzyj demo działa na iPada ( IOS ) .

GRID ZALETY

Elastyczny / Fluid układ: Można kontrolować rozmiar siatki z CSS lub JavaScript, w zasadzie to ma pasujący układ, który sprawia, że ​​jestidealnym kandydatem dla każdego typu projektu.

Cztery typy są wyświetlane : płynu szerokość, pełny ekran, elastyczny i schowka ( zobacz przykłady) .

Cały motyw kolor i skóra może być modyfikowany .

Unikalny sposób wyświetlania zdjęć !Zasadniczosieci można przeciągać w nieskończoność, w dowolnym kierunku, a nowe miniatury zostaną wyświetlone, jestzłożony algorytm matematyczny za maską tej siatki, które sprawia, że ​​jest to możliwe. Wsparcie dla wielu obrazów.

Konfigurowalny miniatury temat geometrii i kolor: ta funkcja pozwala na zmianę rozmiaru miniaturek ' oraz kolor tła .Miniatura przezroczystegoprzejrzyste kolorowe pudełko, które pojawia się na miniaturę, gdy nie jest zaznaczone,kolor i krycie na tym polu są konfigurowalne (opcjonalnie) .

Miniatura małe ikonymałe ikony, które pojawiają się, gdywybrany jest miniatura Te ikony są z trzech typów ( wideo, link i obrazu ) ( opcja) .

Niestandardowe działania miniatur naciśnij :ponaciśnięciu miniaturki można wybrać albo do wyświetlania oryginalnego tłumaczenia z mediów, które mamy zakodowane, czy otworzyć nową stronę internetową ,adres URL icel tej strony można określić . Lightbox może wyświetlać obrazy lub może wyświetlać filmy załadowane z YouTube lub Vimeo .

Nawigacja animowane ekrany pomocy (opcjonalnie).

Kółko myszy wsparcia,kierunek przewijania można ustawić pionowo lub poziomo (opcja) .

Fullscreen przycisk ( opcja) .

Lightbox ZALETY .

Elastyczny / Fluid układlighbox zawsze wypełnić dostępną przeglądarki rzutnię .

Cały motyw kolor może być modyfikowany .

Vimeo i wsparcie YouTube :wszystko co musisz zrobić, to m.in. związek z wideo YouTube lub Vimeo, który chcesz wyświetlić ilighbox wyświetli i odtwarzanie wideo . Rozmiar ( szerokość i wysokość) z każdego filmu, może być łatwo .Wsparcie zoom i panoramowanie 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).

SlideshowPrzycisk (opcjonalnie) .

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

Slideshow autoplay .

Pokaz niestandardowe animacje grafika.

Następny and Poprzedni przycisków nawigacji (opcja) .

Przycisk informacji i informacji oknokażdy element lighbox może mieć opis ,wygląd tekstu i okna mogą być formatowane z CSS (opcjonalnie).

Konfigurowalny border i backgroundrozmiar i kolor obramowania, a takżegłówny kolor tła są konfigurowalne .

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

Aktualizacji

27.03.2013 - Poprawiono błędy związane z Windows8 metro i stacjonarnych.

7.02.2013 - Dodano funkcję, która pozwalagrid być przeciągane w pionie, w poziomie lub oba.

03/06/2013 - Naprawiono szereg błędów i dodano wsparcie dla kółka myszy, w ten sposóbsiatka może być przewijane poziomo lub pionowo za pomocą kółka myszy ( opcja) .


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

Właściwości

Utworzony:
05 luty 13

Ostatnia aktualizacja:
28 marca 13

Zgodne Przeglądarki:
IE7 , IE8, IE9 , IE10 , Firefox , Safari , Opera, Chrome , Wersja oprogramowania

High Resolution:
Tak , pliki zawarte

Słowa kluczowe