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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Este artículo representa una nueva visión de una presentación de diapositivas, se ofrece como un plugin de jQuery.
Algunos de los posibles usos:

  • Para usarlo en lugar de powerpoint con el fin de presentar sus ideas
  • Para anunciar un producto, un sitio web,...
  • Para hacer un libro de HTML diseñado
  • etc, etc.

Características

  • Capaz de utilizar otros plugins, además de éste
  • Capaz de cargar un número ilimitado de páginas
  • Puede contiene lo que quiere (una página es un simple div)
  • Las páginas (centro de la página) se redimensionan automáticamente con el navegador
  • Totalmente personalizable y fácil
  • Muy fácil de usar
  • Navegación por teclado (RIGHT / LEFT / SPACE / L)
  • Opción Presentación
  • Opción de reproducción automática
  • Opción Loop
  • Opción de precarga de imagen
  • Ir a una página determinada (con control de entrada segura)
  • W3C Valid
  • Funciona en iOS (iPhone / iPad) y desde luego en Android
  • Tres temas incluidos (gris, azul, naranja)
  • 4 preajustes de transición
  • Usted puede escribir su propia transición con una simple función en la convocatoria Plugin
  • Las transiciones pueden ser diferentes para las acciones siguientes y anteriores
  • Bueno comentado (la mayoría de las acciones en el código contienen comentarios)

Cómo usarlo

JS - Sintaxis
 $ (Document).simplePresentation ({ autoplay: boolean, bucle: boolean, intervalTime: número entero, precarga: boolean, transitionFct: función }); 

JS - Ejemplo con una transición preestablecido
 var transitionFunction = function (elt, fuente, transitionTime) { Transition.opacity (elt, fuente, transitionTime); }; $ (Document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 2000, precarga: false, transitionFct: transitionFunction }); 

JS - Ejemplo con una transición escribimos
 var transitionFunction = function (elt, fuente, transitionTime) { elt.css ("opacidad", "0"); // Si vamos a la página siguiente si (== fuente "DERECHA") { elt.css ("marginLeft", "100%"); elt.animate ({ "Opacidad": 1, "MarginLeft": "0px" }, TransitionTime); } Else { elt.css ("marginRight", "100%"); elt.animate ({ "Opacidad": 1, "MarginRight": "0px" }, TransitionTime); } }; $ Presentación = $ (document).simplePresentation ({ autoplay: false, loop: false, intervalTime: 4000, precarga: true, transitionFct: transitionFunction }); 

HTML
 <Div id = "contenedor"> <Div id = "page1"> ... </ Div> <Div id = "page2"> ... </ Div> </ Div> 
Cada div con id = "pageX" representan una página.
Cada páginas deben tener un identificador que comienza con "página".

Navegadores compatibles

Este elemento funciona con los siguientes navegadores:
  • Firefox 4+
  • IE7 + (utiliza una hoja de estilos css separado para IE menos de V.9)
  • Ópera
  • Cromo
  • Safari

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
15 de diciembre 11

Última Actualización:
N / A

Alta Resolución:
No

Los navegadores compatibles:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Archivos incluidos:
JavaScript JS, HTML, CSS

Versión Del Software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos Los Objetos, animació, n, diseñ, o, PowerPoint, presentació, n, deslizador, slideshow, transició, n