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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Aquest article representa una nova visió d'una presentació de diapositives, s'ofereix com un plugin de jQuery.
Alguns dels possibles usos:

  • Per usar-lo en lloc de powerpoint per tal de presentar les seves idees
  • Per anunciar un producte, un lloc web,...
  • Per fer un llibre d'HTML dissenyat
  • etc, etc.

Característiques

  • Capaç d'utilitzar altres connectors, a més d'aquest
  • Capaç de carregar un nombre il·limitat de pàgines
  • Pot conté el que vol (una pàgina és un simple div)
  • Les pàgines (centre de la pàgina) es redimensionen automàticament amb el navegador
  • Totalment personalitzable i fàcil
  • Molt fàcil d'usar
  • Navegació per teclat (RIGHT / LEFT / SPACE / L)
  • Opció Presentació
  • Opció de reproducció automàtica
  • Opció Loop
  • Opció de precàrrega d'imatge
  • Anar a una pàgina determinada (amb control d'entrada segura)
  • W3C Valid
  • Funciona en iOS (iPhone / iPad) i per descomptat en Android
  • Tres temes inclosos (gris, blau, taronja)
  • 4 valors predefinits de transició
  • Vostè pot escriure la seva pròpia transició amb una simple funció en la convocatòria Plugin
  • Les transicions poden ser diferents per a les accions següents i anteriors
  • Bé comentat (la majoria de les accions en el codi contenen comentaris)

Com utilitzar-lo

JS - Sintaxi
 $ (Document).simplePresentation ({ autoplay: boolean, bucle: boolean, intervalTime: nombre enter, precàrrega: boolean, transitionFct: funció }); 

JS - Exemple amb una transició preestablert
 var transitionFunction = function (elt, font, transitionTime) { Transition.opacity (elt, font, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 2000, precàrrega: false, transitionFct: transitionFunction }); 

JS - Exemple amb una transició escrivim
 var transitionFunction = function (elt, font, transitionTime) { elt.css ("opacitat", "0"); // Si anem a la pàgina següent si (== font "DRETA") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacitat": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacitat": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Presentació = $ (document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 4000, precàrrega: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "contenidor"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Cada div amb id = "PAGEX" representen una pàgina.
Cada pàgines han de tenir un identificador que comença amb "pàgina".

Navegadors compatibles

Aquest element funciona amb els següents navegadors:
  • Firefox 4+
  • IE7 + (utilitza un full d'estils css separat per IE menys de V.9)
  • Òpera
  • Crom
  • Safari

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

Creat:
Desembre 15 11

Última Actualització:
N / A

Alta Resolució:
No

Els navegadors compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Arxius inclosos:
JavaScript JS, HTML, CSS

Versió Del Programari:
jQuery

Paraules clau

eCommerce, eCommerce, Tots Els Objectes, animació, disseny, PowerPoint, presentació, lliscant, slideshow, transició