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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Dette elementet representerer en ny visjon av en lysbildeserie, tilbys som en jQuery plugin.
Noen av mulige bruksområder:

  • For å bruke den i stedet for powerpoint for å presentere ideene dine
  • Å annonsere et produkt, en nettside,...
  • For å gjøre en HTML-designet bok
  • etc, etc.

Spesifikasjoner

  • Stand til å bruke andre plugins i tillegg til dette
  • Stand til å laste ubegrenset antall sider
  • Det kan inneholder det du ønsker (en side er en enkel div)
  • Sidene (midt på siden) endres automatisk med nettleseren
  • Fullt og lett tilpasses
  • Veldig enkel å bruke
  • Tastaturnavigasjon (høyre / venstre / SPACE / L)
  • Lysbildefremvisning alternativ
  • Autoplay alternativ
  • Loop alternativ
  • Bilde forbelastning alternativ
  • Gå til en bestemt side (med sikret inngangskontroll)
  • W3C Gyldig
  • Fungerer på iOS (iPhone / iPad) og absolutt på Android
  • Tre temaer inkludert (grå, blå, oransje)
  • 4 overgangsforhåndsinnstillinger
  • Du kan skrive din egen overgang med en enkel funksjon i plugin samtalen
  • Overganger kan være forskjellig for neste og forrige handlinger
  • Vel kommen (de fleste handlinger i koden inneholder kommentarer)

Hvordan bruke den

JS - Syntax
 $ (Document).simplePresentation ({ autoplay: boolean, sløyfe: boolean, intervalTime: heltall, forbelastning: boolean, transitionFct: function }); 

JS - Eksempel med en forhåndsinnstilt overgang
 Var transitionFunction = function (ELT, kilde, transitionTime) { Transition.opacity (ELT, kilde, transitionTime); }; $ (Document).simplePresentation ({ autoplay: falsk, sløyfe: falsk, intervalTime: 2000, forbelastning: falsk, transitionFct: transitionFunction }); 

JS - Eksempel med en overgang vi skrive
 Var transitionFunction = function (ELT, kilde, transitionTime) { elt.css ("opasitet", "0"); // Hvis vi kommer til neste side if (kilde == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacity": 1, "MarginLeft": "0px" } TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacity": 1, "MarginRight": "0px" } TransitionTime); } }; $ Presentasjon = $ (document).simplePresentation ({ autoplay: falsk, sløyfe: falsk, intervalTime: 4000, forbelastning: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "side1"> ... </ Div> <Div id = "side2"> ... </ Div> </ Div> 
Hver div med id = "pageX" representerer en side.
Hver sider må ha en id som starter med "side".

Kompatible nettlesere

Dette elementet fungerer med følgende nettlesere:
  • Firefox 4+
  • IE7 + (bruker et skilt css stilark for IE mindre enn V.9)
  • Opera
  • Chrome
  • Safari

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
15 desember 11

Siste Oppdatering:
N / A

Høy Oppløsning:
Nei

Kompatible nettlesere:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkludert:
Java JS, HTML, CSS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle artikler, animasjon, utforming, Power Point, presentasjon, slider, slideshow, overgang