- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
FAQs
General Tutorials
MonsterONE Subscrioption
Categories
Categories
MonsterONE Subscrioption
Slider
jQuery ‘NivoSlider’
- Live Demo
- Download
JavaScript Debemos incluir framework jQuery y jquery.nivo.slider.pack.js señalando el atributo src en la etiqueta de script a esos ficheros .js.
<script type="text/javascript" src="js/jquery-1.4.4.min.js" </script<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"</scriptColocamos el script de inicialización…
Slider jQuery
Este es un simple script de deslizador (slider) horizontal basado en Framework de jQuery.
JavaScript
Para que el script funcione, el fichero index-#.html debe contener estas líneas de código antes del cierre:
HTML
Aquí puede ver la representación general de script HTML:
El deslizador (slider) se compone de tres elementos principales: flecha para mover a la izquierda – .box-left, el…
Leer más
Plugin “PlayPause slideShow”
Este es un plugin de slideshow para jQuery muy simple y muy fácil de usar. Usted puede encontrar instrucciones completas de configuración y de instalación en el siguiente enlace.
JavaScript
Para que el script funcione, el fichero index-#.html con una galería debe contener estas líneas de código HTML incluyendo el script jquery.slideshow.js y framework de jQuery:
La sección del fichero…
Leer más
“bgSlider”
bgSlider le permite aplicar una galería como un fondo de su página web. Es muy similar a script jbGallery, pero no tan complejo.
JavaScript
Leer más
Debemos incluir framework jQuery y bgSlider.js señalando el atributo src de la etiqueta de script a esos ficheros .js:Aquí puede encontrar el script de inicialización: En la parte $() especificamos una matriz (array) con la ruta …
“tinySlider”
tinySlider es un slider jQuery fácil de administrar con un número mínimo de características.
JavaScript
Debemos incluir framework jQuery y jquery.tinySlider.js señalando el atributo src de la etiqueta de script a esos ficheros .js.
Colocamos el script de inicialización en la sección <head>. Ella inicializa el elemento con el nombre de clase .class1. En el siguiente ejemplo de código se…
Leer más
Slider “jqFancyTransitions”
Una barra de desplazamiento/Slider con una variedad de efectos de transición únicos. Para obtener las especificaciones completas visite el sitio web oficial: http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects
JavaScript
Debemos incluir framework jQuery y jqFancyTransiotions.1.8.js señalando el atributo src de la etiqueta de script a esos ficheros .js.
Leer más
<script type="text/javascript" src="js/jquery-1.4.2.min.js" </script<script type="text/javascript" src="js/jqFancyTransiotions.1.8.js"</scriptColocamos el script de inicialización en la sección <head>.…
jQuery Slider “SliderPager”
JavaScript
Leer más
Debemos incluir framework jQuery y sliderPager.js señalando el atributo src de la etiqueta de script a esos ficheros .js.
<script type="text/javascript" src="js/jquery-1.4.2.min.js"</script<script type="text/javascript" src="js/sliderPager.js"</scriptLa sección <head> del fichero index-#.html contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos
$(function(){
$('.pages').slidePager({
easing:'easeInOutElastic',
pagernav:'header nav ul li',
change:function(n){
if(n!=0){
$('header h1,header … Slider jQuery “SlideBox”
Un simple script que nos permite lograr un efecto de ‘sliding box’ (caja de deslizador) con contenido.
JavaScript
Debemos incluir framework jQuery señalando el atributo src de la etiqueta de script a esos ficheros .js.
Leer más
<script type="text/javascript" src="js/jquery-1.4.2.min.js" </scriptColocamos el script de inicialización en la sección <head> </head>.
<script type="text/javascript"$(function()
{
$("#link").click(function(event) {
event.preventDefault();
$(this).toggleClass("link2");
$("#dropdown_box").slideToggle();
});
});
… Slider “slideViewer”
Este es un script de Slider que utiliza el plug-in slideViewer.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script jquery.easing.1.2.js y jQuery framework:
La sección <head> del fichero index-#.html contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos:
#mygalone es …
Slider “Cross-Fading”
Este es un script de Slider que utiliza el efecto de cross-fading para efectos de transición de cambio de slides.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script jquery00.js y jQuery framework:
Leer más
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script jquery00.js y jQuery framework:
La inicialización de galería se coloca al final del código HTML (antes de etiqueta …
Slider “Faded” (con efecto de desvanecimiento)
- Live Demo
JavaScript
Para que el script funcione, el…
Slider “Coin”
Este es un script de Slider que puede cortar automáticamente imágenes para crear diferentes efectos de transición. Usted puede encontrar las instrucciones completas de instalación y de configuración siguiendo este enlace.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script coin-slider.js y jQuery framework:
La sección…
Leer más
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script coin-slider.js y jQuery framework:
La sección…
Slider “featureList”
Este es un script de Slider que es una maravillosa manera de presentar el contenido del sitio web a los visitantes. Además este script es de pequeño tamaño y se puede editarlo fácilmente a través de HTML y CSS.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el …
“Sliced Image” Slider
Este es un script de Slider que representa un plug-in de navegación por imágenes. Su característica es el efecto de transición de imagen: la animación corta la imagen y mueve cada sector por separado. El número de cortes y la dirección del movimiento de división son opcionales.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener …
Slideshow Lite Slider
Este es un script sencillo de slider que tiene sólo la funcionalidad básica y utiliza efecto de desvanecimiento. Usted puede encontrar tutorial para instalación y configuración en este enlace.
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script jquery.slideshow.lite-0.5.3.js y jQuery framework:
La sección <head> del fichero …
Looped Slider
Este es un script de Slider que puede utilizar para creación de sliders y galerías. Es uno de los scripts de slider más flexibles.
Leer más
http://github.com/nathansearles/loopedSlider
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script loopedslider.js y jQuery framework:
La sección <head> del fichero index-#.html contiene estas …
Slider “Antes-Después”
Es un script de Slider que le permite mostrar dos imágenes en un solo contenedor y arrastrar una imagen sobre otra que es bueno para comparación "antes-después".
Este plug-in tiene varias ventajas importantes:
• Pequeño tamaño de fichero (sólo 7 Kbytes);
• Puede utilizarlo muchas veces en la misma página;
• Si JavaScript está desactivado no perderá un contenedor, mostrará solamente la primera …
AnythingSlider
- Live Demo
- Download
Este plug-in tiene una variedad de características comunes de todos los scripts de slider y funciones específicas nuevas:
• Inicio automático;
• Paginación dinámica;
• Soporta efectos de transición diferentes entre slides;
• Botón stop / play;
• Soporta etiquetas hash.
JavaScript
Para que el script funcione, el fichero index-#.html con slider …
Easy Slider
Este es un script de Slider que utiliza plug-in Easy Slider 1.7 (Usted puede encontrar un manual completo en este enlace).
Leer más
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML:
La sección <head> del fichero index-#.html contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos:…
Slider jQuery UI
Este es un script de Slider que utiliza jQueryui ui.
Leer más
JavaScript
El fichero carousel.js contiene estas líneas de código para funcionar:
Aquí los atributos de script definen los siguientes valores:
• #featured – id del contenedor de script (id de contenedor de etiqueta <div>);
• {fx:{opacity: “toggle”} – este atributo define el efecto de cambio de slides; ahora está configurado …