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

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Tiu ero reprezentas novan vidadon de bildoprezento, proponita kiel jQuery kromaĵo.
Iuj de eblaj uzoj:

  • Por uzi ĝin anstataŭ powerpoint por prezenti viajn ideojn
  • Reklami produkton, retejo,...
  • Fari HTML desegnita libro
  • ktp, ktp

Karakterizaĵoj

  • Kapabla uzi aliajn kromaĵojn en adición de ĉi tiu
  • Kapabla ŝarĝi senlima nombro da paĝoj
  • Ĝi povas enhavas kion vi volas (paĝo estas simpla div)
  • La paĝoj (centro de la paĝo) aŭtomate regrandigo kun la retumilo
  • Plene kaj facile personalizable
  • Tre facila uzi
  • Klavaro navigacio (RIGHT / MALDEKSTRA / spaco / L)
  • Slideshow opcion
  • Autoplay opcion
  • Cirkla opcion
  • Bildo preloading opcion
  • Iru al certa paĝo (kun sekurigita input kontrolo)
  • W3C Valida
  • Verkoj sur iOS (iPhone / iPad) kaj certe en Android
  • Tri temoj inkludis (griza, blua, oranĝo)
  • 4 transiro presets
  • Vi povas skribi vian propran transiron kun simpla funkcio en la kromaĵo alvoko
  • Transiroj povas esti malsamaj por la sekva kaj antaŭa agoj
  • Nu komentis (plej agoj en la kodo enhavas komentojn)

Kiel uzi ĝin

JS - Sintakso
 $ (Dokumento).simplePresentation ({ Autoplay: bulea, buklo: bulea, intervalTime: entjero, preloading: bulea, transitionFct: funkcio }); 

JS - Ekzemplo kun malpostagordita transiro
 var transitionFunction = funkcio (ELT, fonto, transitionTime) { Transition.opacity (ELT, fonto, transitionTime); }; $ (Dokumento).simplePresentation ({ Autoplay: falsa, buklo: falsa, intervalTime: 2000 preloading: falsa, transitionFct: transitionFunction }); 

JS - Ekzemplo kun transiro ni skribi
 var transitionFunction = funkcio (ELT, fonto, transitionTime) { elt.css ("opakecon", "0"); // Se ni iras al la sekva paĝo se (fonto == "Right") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opakecon": 1, "MarginLeft": "0px" }, TransitionTime); } Alie { elt.css ("marginRight", "100%"); elt.animate ({ "Opakecon": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Prezento = $ (dokumento).simplePresentation ({ Autoplay: falsa, buklo: falsa, intervalTime: 4000, preloading: vera, transitionFct: transitionFunction }); 

HTML
 <Div id = "ujo"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Ĉiu div kun identigilo = "pageX" reprezenti paĝon.
Ĉiu paĝoj devas havi identigilo kiu komenciĝas per "paĝo".

Kongrua retumiloj

Tiu ero laboras kun la jenaj retumiloj:
  • Firefox 4+
  • IE7 + (uzas apartan CSS stilfolio por ie malpli ol V.9)
  • Opero
  • Chrome
  • Safaro

Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
15 Decembro 11

Lasta Ĝisdatigu:
N / A

Alta Rezolucio:
Neniu

Kongrua Browsers:
IE7, IE8, IE9, Firefox, Safari, Opero, Chrome

Dosieroj Inkluditaj:
JavaScript JS, HTML, CSS

Programaro Versio:
jQuery

Ŝlosilvortoj

eCommerce, eCommerce, Ĉiuj Eroj, kuraĝigo, dezajno, powerpoint, prezento, slider, bildoprezento, transiro