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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Acest articol reprezintă o nouă viziune a unui slideshow, oferit ca un plugin jQuery.
Unele posibile utilizări:

  • Să-l folosească în loc de PowerPoint pentru a prezenta ideile tale
  • Pentru a face publicitate unui produs, un site web,...
  • Pentru a face o carte HTML proiectat
  • etc, etc

Caracteristici

  • Abilitatea de a utiliza alte plugin-uri, în plus de asta
  • Abilitatea de a încărca un număr nelimitat de pagini
  • Se poate contine ceea ce vrei (o pagină este o div simplu)
  • Paginile (centrul paginii) sunt redimensionate automat cu browser-ul
  • Complet și ușor de personalizat
  • Foarte usor de folosit
  • Navigare tastatură (dreapta / stânga / SPATIU / l)
  • Opțiune Slideshow
  • Opțiune Autoplay
  • Opțiune buclă
  • Image opțiune preloading
  • Du-te la o anumită pagină (cu un control de intrare securizat)
  • W3C Valid
  • Funcționează pe iOS (iPhone / iPad) și, desigur, pe Android
  • Trei teme incluse (gri, albastru, portocaliu)
  • 4 presetări de tranziție
  • Puteți scrie propria tranziție cu o funcție simplă în apelul plugin
  • Tranziții pot fi diferite pentru următoare și anterioară acțiunilor
  • Ei bine, a comentat (majoritatea acțiunilor din codul conțin comentarii)

Cum să-l folosească

JS - Sintaxa
 $ (Document).simplePresentation ({ AutoPlay: boolean, bucla: boolean, intervalTime: întreg, pretensionare: boolean, transitionFct: Funcția }); 

JS - Exemplu cu o tranziție prestabilit
 var transitionFunction = function (ELT, sursa, transitionTime) { Transition.opacity (ELT, sursa, transitionTime); }; $ (Document).simplePresentation ({ AutoPlay: false, bucla: false, intervalTime: 2000, pretensionare: false, transitionFct: transitionFunction }); 

JS - Exemplu cu o tranziție scriem
 var transitionFunction = function (ELT, sursa, transitionTime) { elt.css ("opacitate", "0"); // Dacă vom pagina următoare dacă (sursa == "RIGHT") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacitate": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacitate": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Prezentare = $ (documente).simplePresentation ({ AutoPlay: false, bucla: false, intervalTime: 4000, pretensionare: adevărat, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "Pagina 2"> ... </ Div> </ Div> 
Fiecare div cu id = "pageX" reprezintă o pagină.
Fiecare pagini trebuie sa aiba un id care incepe cu "pagina".

Browsere compatibile

Acest articol funcționează cu următoarele browsere:
  • Firefox 4+
  • IE7 + (folosește o foaie de stiluri css separat pentru IE mai puțin de V.9)
  • Operă
  • Chrome
  • Safari

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
15 decembrie 11

Ultima Actualizare:
N / A

Rezoluție Înaltă:
Nu

Browsere compatibile:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fișiere incluse:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate Articole, animație, proiect, power point, prezentare, cursor, slideshow, tranziție