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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Denna post utgör en ny syn på ett bildspel, erbjuds som en jQuery plugin.
Några av möjliga användningsområden:

  • För att använda den istället för PowerPoint för att presentera dina idéer
  • För att marknadsföra en produkt, en webbplats,...
  • För att göra en HTML utformad bok
  • etc, etc.

Funktioner

  • Kunna använda andra plugins förutom av detta
  • Kunna ladda obegränsat antal sidor
  • Det kan innehåller vad du vill (en sida är en enkel div)
  • Sidorna (mitten av sidan) automatiskt storlek med webbläsaren
  • Helt och enkelt anpassnings
  • Mycket lätt att använda
  • Tangentbordsnavigering (höger / vänster / SPACE / L)
  • Bildspel alternativ
  • Autospel alternativ
  • Loop alternativ
  • Bild förspänning alternativet
  • Gå till en viss sida (med säker kontroll av registrering)
  • W3C Giltig
  • Fungerar på iOS (iPhone / iPad) och säkerligen på Android
  • Tre teman ingår (grått, blått, orange)
  • 4 övergångs förinställningar
  • Du kan skriva din egen övergång med en enkel funktion i plugin samtal
  • Övergångar kan vara olika för de kommande och tidigare åtgärder
  • Väl kommenterade (de flesta åtgärder i koden innehåller kommentarer)

Hur man använder den

JS - Syntax
 $ (Document).simplePresentation ({ autoplay: Boolean, loop: Boolean, intervalTime: heltal, förspänning: Boolean, transitionFct: function }); 

JS - Exempel med en förinställd övergång
 var transitionFunction = function (ELT, källa, transitionTime) { Transition.opacity (elt, källa, transitionTime); }; $ (Document).simplePresentation ({ självspelande: falskt, loop: falskt, intervalTime: 2000, förspänning: falskt, transitionFct: transitionFunction }); 

JS - Exempel med en övergång vi skriver
 var transitionFunction = function (ELT, källa, transitionTime) { elt.css ("opacitet", "0"); // Om vi ​​gå till nästa sida if (källa == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacitet": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacitet": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Presentation = $ (dokument).simplePresentation ({ självspelande: falskt, loop: falskt, intervalTime: 4000, förspänning: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Varje div med id = "SidanX" representerar en sida.
Varje sidor måste ha ett id som börjar med "sida".

Kompatibla webbläsare

Denna post fungerar med följande webbläsare:
  • Firefox 4+
  • IE7 + (använder en separat css format för IE mindre än V.9)
  • Opera
  • Krom
  • Safari

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
15 December 11

Senaste Uppdateringen:
N / A

Hög Upplösning:
Nej

Kompatibla webbläsare:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS

Programvaruversion:
jQuery

Nyckelord

e-handel, e-handel, Alla artiklar, animering, konstruktion, Power Point, presentationen, lö, paren, bildspel, ö, vergå, ng