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

jSimplePresentation

— Add- On do WorldWideScripts.net

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

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


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Pozycja ta stanowi nową wizję pokaz slajdów, oferowanych jako plugin jQuery.
Niektóre z możliwych zastosowań:

  • Aby go użyć zamiast PowerPoint, aby zaprezentować swoje pomysły
  • Do reklamowania produktu, stronę internetową,...
  • Aby książka przeznaczona HTML
  • etc, etc.

Cechy

  • W stanie wykorzystać inne wtyczki oprócz tego jednego
  • W stanie załadować nieograniczoną liczbę stron
  • Może on zawiera, co chcesz (strona jest prosta div)
  • Strony (środek strony) są automatycznie zmniejszane z przeglądarką
  • W pełni i łatwo konfigurowalny
  • Bardzo łatwy w użyciu
  • Nawigacja przy użyciu klawiatury (RIGHT / LEFT / SPACE / L)
  • Opcja Pokaz slajdów
  • Opcja autoodtwarzania
  • Opcja Loop
  • Opcja wstępnego ładowania obrazu
  • Idź do pewnej stronie (z zabezpieczonym kontrola wprowadzania danych)
  • W3C Valid
  • Działa na iOS (iPhone / iPad), a na pewno na Androida
  • Trzy tematy zawarte (szary, niebieski, pomarańczowy)
  • 4 zaprogramowane ustawienia przejścia
  • Możesz napisać własną przejście z prostej funkcji w wywołaniu plugin
  • Przejścia mogą być różne dla kolejnych i poprzednich działań
  • Cóż skomentował (większość działań w kodzie zawierają komentarzy)

Jak tego użyć

JS - Składnia
 $ (Document).simplePresentation ({ autoodtwarzania: logiczna, Pętla: logiczna, intervalTime: całkowita, Wgrywanie: logiczna, transitionFct: funkcja }); 

JS - Przykład z zadanym okresie transformacji
 var transitionFunction = function (elt, źródło, transitionTime) { Transition.opacity (elt, źródło, transitionTime); }; $ (Document).simplePresentation ({ autoodtwarzania: fałszywe, Pętla: fałszywe, intervalTime: 2000, Wgrywanie: fałszywe, transitionFct: transitionFunction }); 

JS - Przykład z przejściem piszemy
 var transitionFunction = function (elt, źródło, transitionTime) { elt.css ("zmętnienie", "0"); // Jeśli mamy do następnej strony if (źródło == "PRAWO") { elt.css ("marginLeft", "100%"); elt.animate ({ "Krycie": 1, "MarginLeft": "0px" } TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Krycie": 1, "MarginRight": "0px" } TransitionTime); } }; $ Prezentacja = $ (document).simplePresentation ({ autoodtwarzania: fałszywe, Pętla: fałszywe, intervalTime: 4000, Wgrywanie: prawda, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "Strona2"> ... </ Div> </ Div> 
Każdy div z id = "pageX" reprezentują stronę.
Każda strona musi mieć identyfikator, który zaczyna się od "strony".

Kompatybilne przeglądarki

Ten element współpracuje z następującymi przeglądarkami:
  • Firefox 4+
  • IE7 + (wykorzystuje oddzielone arkusza stylów CSS dla IE mniej niż V.9)
  • Opera
  • Chrom
  • Safari

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

Właściwości

Stworzony:
15 grudnia 11

Ostatnia Aktualizacja:
N /

Wysoka Rozdzielczość:
Nie

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

Pliki wliczony:
JavaScript JS, HTML, CSS

Wersja oprogramowania:
jQuery

Słowa kluczowe

eCommerce, eCommerce, Wszystkie Przedmioty, ożywienie, konstrukcja, Power Point, prezentacja, suwak, pokaz slajdó, w, przejście