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 / Sliders

jQuery Homepage Banner Slideshow / Product viewer

— Add- On do WorldWideScripts.net

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ten plik jest odpowiedni do głównej transparent, pokaz slajdów, podgląd produktu, Galeria chociaż można użyć jako intro. Wszystkie animacje są konfigurowalne, więc nadaje się do wszelkiego rodzaju banery. Możesz użyć dowolnej liczby warstw na każdym suwaku. Można ustawić odstęp między każdą warstwę i łatwo za pomocą atrybutów danych. W pliku do pobrania, pięć domyślnych próbek dostępne są w osobnym pliku html.

To działa dobrze we wszystkich przeglądarce tym iPad, iOS i urządzenia z systemem Android

Prawie dostępne dostosować suwaka są wszystkie opcje bez edycji kodu źródłowego

Dotknij ekranu zarówno funkcję pulpitu i urządzenia z ekranem dotykowym

Użyj dowolnego typu treści Div może być wiele div, obraz (w tym przejrzysty format obrazu), wideo, youtube i swf (plik flash)

Unikalne cechy:

  • Łatwy do wyrównania, odstępów i kierunek animacji dla każdego obrazu i tekstu
  • Możliwość wyboru dowolnego typu w / z kierunku animacji
  • Możliwość ustawienia animacji pochodzących odległość
  • Tło wzór animowanie
  • Możliwość ustawienia w / na czas dla każdej div
  • Możliwość ustawienia pokazu slajdów czas opóźnienia dla każdego slajdu
  • Włącz / Wyłącz na pulpicie Przeciągnij
  • Wsparcie nieograniczone obrazów i tekstu na temat każdego slajdu


Przerywana Przycisk:
  • Trzy różne rodzaje przerywaną przycisk z przycisków Następny i Poprzedni projektu są dostępne
  • Ustaw nawigację w każdym miejscu za pomocą wyrównać i opcję Odstępy
  • Pokaż / Ukryj przerywaną, przycisków Dalej i Wstecz
  • Włącz / Wyłącz nawigacji Auto Hide

Miniatury:

  • Opcja pokazywania miniaturek z następnego i poprzedniego przycisku
  • Można łatwo zmienić szerokość i wysokość miniatury za pomocą CSS
  • Miniatura kolor ramki, rozmiar granicy, miniatur do przestrzeni miniatur są sterowanie poprzez pliku css
  • Miniatura jest automatyczne dopasowanie się do szerokości banner. Możesz również zmienić widoku miniatur obszar
  • Miniatura myszy na odcień obrazu lub kontroli przez pliku css, można również użyć koloru zamiast obrazu
  • Ustaw miniaturę w dowolnym miejscu za pomocą Wyrównaj i opcje odstępów
  • Możesz pokazać oba przyciski i przerywanych miniaturek


Inne funkcje:
  • Pokaz slajdów pauza, gdy użytkownik uderzył w baner w przeciwnym razie nadal odgrywać
  • Pięć różnych rodzajów próbek jest dostępnych
  • Obsługa wszystkich przeglądarek
  • Wsparcie czcionki cufon
  • Możesz animować wszystko, co umieścić wewnątrz div

Zobacz demo na swojej komórce

W kodzie plug-in można dostosować pokaz slajdów, korzystając z poniższego zmiennych

 jQuery (function ($) { $ ('# jq_fmslideshow "). fmslideshow ({ banner_width: "", banner_height: "", image_sprite: "fmslideshow_assets / Sprite.png", image_background: "", image_topShadow: "", image_bottomShadow: "", image_loader: "fmslideshow_assets / loader_img.png", background_fullScreen: fałszywe, background_move: fałszywe, background_moveDistance: 1250, buttons_type: 0, buttons_autoHide: fałszywe, buttons_align: "BC", buttons_spacing: "15,0", button_nextPrevious_type: 0, button_nextPrevious_autoHide: prawda, button_next_align: "RC", button_next_spacing: "20,0", button_previous_align: "LC", button_previous_spacing: "20,0", dotButtons: fałszywe, button_next_previous: fałszywe, thumbnails_align: "BC", thumbnails_spacing: "-75,0", thumb_next_preious_width: 38, Pokaz slajdów: fałszywe, slideShow_delayTime: 2, desktop_drag: prawda default_data_align: "LC", default_data_spacing: "70,0", default_data_inOutDirection: "LR", default_data_inOutDistance: "60" }); }); 


Przykładowy kod pokaz slajdów
 <! - Slajd 1 -> <div> <img Dane-align = "BL" dane-spacing = "0,50" Dane-inoutdirection = "BB" Dane-inoutdistance = "50" Dane-starttime = "0 "Dane-staytime =" 5 "Dane-animationspeed =" 700 "data-easeIn =" easeOutQuart "dane-easeOut =" easeOutSine "class =" imgSty "src =" images / image2.png "alt =" fmslideshow "/> <div data-align = "TR" dane-spacing = "70,0" Dane-inoutdirection = "RL" dane-starttime = ". 5" Dane-staytime = "6" dane-animationspeed = "400" data-easeIn = "easeInQuart" dane-easeOut = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> Dostosuj Animacje </ span> </ div> <div data-align = "TR" dane-spacing = "20, 0 "Dane-inoutdirection =" LR "class =" divStyle "dane-inoutdistance =" 60 "> <span class =" txtMedium "> W / Out Reżyseria - Wyrównanie - Rozstaw </ span> </ div> </ div > 
Pełna pomoc dokument znajduje się w pliku do pobrania

Aktualizacja 10-06-2013: Minor naprawiono błąd

Aktualizacja 23-11-2012: IE10 naprawiono błąd









Jeśli masz jakiekolwiek pytania dotyczące tego pliku, skontaktuj się ze mną poprzez moją stronę profilu.

Sprawdź moje inne pliki:

















Sprawdź moje pliki Flash:

akordeon-poziome-pionowe-Obraz-tekst-animacja







karuzela-3-typy-image-produktu-widz

akordeon-poziome-pionowe-Obraz-tekst-animacja


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

Właściwości

Stworzony:
10 października 11

Ostatnia aktualizacja:
11 czerwca 13

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

Pliki wliczony:
JavaScript JS, HTML, CSS, warstwowe PSD

Wersja oprogramowania:
jQuery

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, reklamy na banerach, banner rotator, Suwak obrazu, Animacja warstwy, Przeglądarka produkt, skalowalny, proste przejścia slajdó, w, pokaz slajdó, w