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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Cet article représente une nouvelle vision d'un diaporama, offert comme un plugin jQuery.
Certaines des utilisations possibles:

  • Pour l'utiliser à la place de PowerPoint pour présenter vos idées
  • Pour annoncer un produit, d'un site web,...
  • Pour faire un livre HTML conçu
  • etc, etc.

Caractéristiques

  • Capable d'utiliser d'autres plugins en plus de celui-ci
  • Capable de charger un nombre illimité de pages
  • Il peut contient ce que vous voulez (une page est un div simples)
  • Les pages (centre de la page) sont automatiquement redimensionnées avec le navigateur
  • Entièrement et facilement personnalisable
  • Très facile à utiliser
  • La navigation au clavier (DROITE / GAUCHE / SPACE / L)
  • option de diaporama
  • L'option de lecture automatique
  • Option Boucle
  • Option Image de préchargement
  • Aller à une certaine page (avec contrôle d'entrée sécurisé)
  • Valide W3C
  • Fonctionne sur iOS (iPhone / iPad) et certainement sur Android
  • Trois thèmes inclus (gris, bleu, orange)
  • 4 préréglages de transition
  • Vous pouvez écrire votre propre transition avec une simple fonction dans l'appel de plugin
  • Les transitions peuvent être différentes pour les actions suivantes et précédentes
  • Eh bien commenté (la plupart des actions dans le code contiennent des commentaires)

Comment l'utiliser

JS - Syntaxe
 $ (Document).simplePresentation ({ autoplay: booléen, boucle: booléen, intervalTime: entier, précharge: booléen, transitionFct: fonction }); 

JS - Exemple avec une transition prédéfinie
 var transitionFunction = function (ELT, la source, transitionTime) { Transition.opacity (ELT, la source, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, boucle: false, intervalTime: 2000, précharge: false, transitionFct: transitionFunction }); 

JS - Exemple avec une transition nous écrivons
 var transitionFunction = function (ELT, la source, transitionTime) { elt.css («opacité», «0»); // Si nous allons à la page suivante si (source == "DROIT") { elt.css ("marginLeft», «100%»); elt.animate ({ «Opacité»: 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight», «100%»); elt.animate ({ «Opacité»: 1, "MarginRight": "0px" }, TransitionTime); } }; $ Présentation = $ (document).simplePresentation ({ autoplay: false, boucle: false, intervalTime: 4000, précharge: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "container"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Chaque div avec id = "pageX" représentent une page.
Chaque page doit avoir un identifiant qui commence par "page".

Les navigateurs compatibles

Cet article fonctionne avec les navigateurs suivants:
  • Firefox 4+
  • IE7 + (utilise une feuille de style CSS séparées pour IE moins de V.9)
  • Opéra
  • Chrome
  • Safari

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
15 Décembre 11

Dernière Mise À Jour:
N / A

Haute Résolution:
Non

Navigateurs compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS

Version du logiciel:
jQuery

Mots-clés

eCommerce, eCommerce, Tous Les Articles, animation, conception, pré, sentation, pré, sentation, curseur, diaporama, transition