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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Questo articolo rappresenta una nuova visione di una presentazione, offerto come un plugin jQuery.
Alcuni dei possibili utilizzi:

  • Per usarlo al posto di powerpoint per presentare le tue idee
  • Per pubblicizzare un prodotto, un sito web,...
  • Per fare un libro HTML progettato
  • etc, etc.

Caratteristiche

  • In grado di utilizzare altri plugin in aggiunta a questo
  • In grado di caricare un numero illimitato di pagine
  • Si può contiene ciò che si vuole (una pagina è un semplice div)
  • Le pagine (centro della pagina) vengono automaticamente ridimensionate con il browser
  • Completamente e facilmente personalizzabile
  • Molto facile da usare
  • Navigazione da tastiera (destra / sinistra / SPACE / L)
  • Opzione Presentazione
  • Opzione Autoplay
  • Opzione Loop
  • Opzione precarico Immagine
  • Andare a una determinata pagina (con controllo di ingresso protetto)
  • W3C valido
  • Funziona su iOS (iPhone / iPad) e certamente su Android
  • Tre temi inclusi (grigio, blu, arancione)
  • 4 preset di transizione
  • È possibile scrivere il proprio passaggio con una semplice funzione nella chiamata plug-
  • Le transizioni possono essere diversi per le azioni successive e precedenti
  • Beh commentato (la maggior parte delle azioni nel codice contengono commenti)

Come usarlo

JS - Sintassi
 $ (Document).simplePresentation ({ autoplay: booleano, ciclo: booleano, intervalTime: integer, precarico: booleano, transitionFct: function }); 

JS - Esempio con una transizione preset
 var transitionFunction = function (elt, fonte, transitionTime) { Transition.opacity (elt, fonte, transitionTime); }; $ (Document).simplePresentation ({ autoplay: falso, ciclo: falso, intervalTime: 2000, precarico: falso, transitionFct: transitionFunction }); 

JS - Esempio con una transizione si scrive
 var transitionFunction = function (elt, fonte, transitionTime) { elt.css ("opacità", "0"); // Se stiamo andando alla pagina seguente if (fonte == "DESTRA") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacità": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacità": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Presentazione = $ (document).simplePresentation ({ autoplay: falso, ciclo: falso, intervalTime: 4000, precarico: vero, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Ogni div con id = "pageX" rappresenta una pagina.
Ogni pagina deve avere un id che inizia con "pagina".

Browser compatibili

Questa voce funziona con i seguenti browser:
  • Firefox 4+
  • IE7 + (usa un foglio di stile css separato per IE meno V.9)
  • Opera
  • Cromo
  • Safari

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
December 15 11

Ultimo Aggiornamento:
N / A

Alta Risoluzione:
No

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

File inclusi:
JavaScript JS, HTML, CSS

Software Version:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti Gli Articoli, animazione, design, presa della corrente, presentazione, cursore, presentazione, transizione