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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Tämä erä edustaa uutta näkemystä diaesityksen, tarjotaan jQuery plugin.
Joitakin mahdollisia käyttötapoja:

  • Voit käyttää sitä sijasta powerpoint jotta esitellä ideasi
  • Mainostaa tuotetta, sivusto,...
  • Tehdä HTML suunniteltu kirja
  • jne, jne.

Piirteet

  • Osaa käyttää muita plugins lisäksi tämä yksi
  • Voi ladata rajattoman määrän sivuja
  • Se voi sisältää mitä haluat (sivu on yksinkertainen div)
  • Sivuilla (sivun keskellä) muuttuu automaattisesti selaimen
  • Täysin ja helposti muokattavissa
  • Erittäin helppokäyttöinen
  • Näppäimistö navigointi (OIKEA / VASEN / SPACE / l)
  • Diaesitys vaihtoehto
  • Autoplay vaihtoehto
  • Loop vaihtoehto
  • Image esikuormituksen vaihtoehto
  • Mene tietty sivulle (turvattua lisäämisen valvonta)
  • W3C Valid
  • Toimii iOS (iPhone / iPad) ja varmasti Android
  • Kolme teemaa mukana (harmaa, sininen, oranssi)
  • 4 siirtyminen esiasetusta
  • Voit kirjoittaa oman siirtyminen yksinkertainen toiminto plugin puhelun
  • Transitions voi olla erilainen seuraavan ja edellisen toimet
  • Hyvin kommentoitu (useimmat toimet koodin sisältävät kommenttia)

Miten sitä käytetään

JS - Syntax
 $ (Document).simplePresentation ({ Autoplay: boolean, silmukka: boolean, intervalTime: kokonaisluku, esikuormitukset: boolean, transitionFct: toiminto }); 

JS - Esimerkiksi ennalta siirtyminen
 var transitionFunction = toiminto (ELT, lähde, transitionTime) { Transition.opacity (ELT, lähde, transitionTime); }; $ (Document).simplePresentation ({ Autoplay: väärä, silmukka: väärä, intervalTime: 2000, esikuormitukset: väärä, transitionFct: transitionFunction }); 

JS - Esimerkiksi siirtyminen kirjoitamme
 var transitionFunction = toiminto (ELT, lähde, transitionTime) { elt.css ("opasiteetti", "0"); // Jos aiomme seuraavalle sivulle jos (lähde == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Peittävyyttä": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Peittävyyttä": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Esitys = $ (document).simplePresentation ({ Autoplay: väärä, silmukka: väärä, intervalTime: 4000, esikuormitukset: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "Sivu2"> ... </ Div> </ Div> 
Jokainen div id = "pageX" ovat sivulla.
Kullakin sivuilla on oltava id joka alkaa "sivulla".

Yhteensopiva selaimet

Tämä kohta toimii seuraavilla selaimilla:
  • Firefox 4+
  • IE7 + (käyttää erillään css stylesheet IE alle V.9)
  • Ooppera
  • Kromi
  • Safari

Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
15 joulukuu 11

Viimeisin päivitys:
N / A

High Resolution:
Ei

Yhteensopiva Selaimet:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Tiedostoja Mukana:
JavaScript JS, HTML, CSS

Ohjelmistoversio:
jQuery

Avainsanoja

eCommerce, eCommerce, Kaikki tuotteet, animaatio, muotoilu, powerpoint, esittely, liukusä, ä, dintä, diaesitys, siirtyminen