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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ang item na ito ay kumakatawan sa isang bagong pananaw ng isang slideshow, inaalok bilang isang jQuery plugin.
Ang ilan sa mga posibleng mga gumagamit:

  • Upang gamitin ito sa halip ng powerpoint upang ipakita ang iyong mga ideya
  • Upang mag-advertise ng isang produkto, ang isang website,...
  • Upang gumawa ng isang HTML na dinisenyo book
  • etc, etc.

Mga Tampok

  • Maaaring gumamit ng iba pang mga plugins sa karagdagan ng isang ito
  • Ma-load ng walang limitasyong bilang ng mga pahina
  • Ito ay naglalaman ng kung ano ang gusto mo (isang pahina ay isang simpleng div)
  • Ang mga pahina (center ng pahina) ay awtomatikong sukat sa browser
  • Fully at madaling napapasadyang
  • Napakadaling gamitin
  • Navigation Keyboard (KARAPATAN / kaliwa / Space / L)
  • Option Slideshow
  • Autoplay opsyon
  • Umikot option
  • Option preloading Image
  • Pumunta sa isang tiyak na pahina (sa Secured input control)
  • W3C Valid
  • Gumagana sa iOS (iPhone / iPad) at tiyak sa Android
  • Kasama ng tatlong tema (kulay-abo, asul, orange)
  • 4 presets transition
  • Maaari mong isulat ang iyong sariling mga transition sa isang simpleng function sa tawag plugin
  • Transition ay maaaring naiiba para sa susunod na at nakaraang mga aksyon
  • Well nagkomento (pinaka aksyon sa code na naglalaman ng mga komento)

Paano gamitin ito

JS - Syntax
 $ (Dokumento).simplePresentation ({ autoplay: boolean, loop: boolean, intervalTime: integer, preloading: boolean, transitionFct: function }); 

JS - Halimbawa sa isang preset na transition
 var transitionFunction = function (elt, source, transitionTime) { Transition.opacity (elt, source, transitionTime); }; $ (Dokumento).simplePresentation ({ autoplay: false, loop: false, intervalTime: 2000, preloading: false, transitionFct: transitionFunction }); 

JS - Halimbawa ng isang transition namin isulat
 var transitionFunction = function (elt, source, transitionTime) { elt.css ("opacity", "0"); // Kung kami ay pagpunta sa susunod na pahina kung (source == "KARAPATAN") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacity": 1, "MarginLeft": "0px" }, TransitionTime); } Iba { elt.css ("marginRight", "100%"); elt.animate ({ "Opacity": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Pagtatanghal = $ (dokumento).simplePresentation ({ autoplay: false, loop: false, intervalTime: 4000, preloading: totoo, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Bawat div na may id = "pageX" ay kumakatawan sa isang pahina.
Ang bawat pahina ay dapat magkaroon ng isang id na nagsisimula sa "page".

Katugmang browser

Gumagana item na ito na may mga sumusunod na browser:
  • Firefox 4 +
  • IE7 + (gumagamit ng isang hiwalay css stylesheet para sa IE mas mababa sa v.9)
  • Opera
  • Kromo
  • Ekspedisyon ng pamamaril

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
15 Disyembre 11

Huling Update:
N / A

High Resolution:
Hindi

Katugmang Browser:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Kasama Files:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Keyword

ecommerce, ecommerce, Lahat ng mga Bagay, animasyon, disenyo, powerpoint, pagtatanghal, slider, slideshow, pagbabago