[contact-form-7 id="24084" title="Feedback ES"]

Tag Archives: jQuery RSS Feed

(English) This tutorial is going to show you how to implement the jQuery prettyPhoto lightbox plugin into your JS Animated template. Read More
Este tutorial puede ayudarle a trabajar con el plugin FullCalendar incluido en algunas plantillas con animación JS. Read More

Este tutorial le muestra el modo de cambiar la rapidez de rotación de imágenes del slider en plantillas con animación JS. El slider utilizado en plantillas con animación JS por lo general se llama TM_Slider y como cualquier otro slider basado en jQuery tiene varios ajustes. Vamos a ver cómo configurarlo.

Abra la carpeta de plantilla y encuentre la carpeta …

Read More

Una barra de desplazamiento con una variedad de efectos de transición únicos. Para obtener especificaciones completas visite la página web oficial en http://nivo.dev7studios.com

 

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"</script

Colocamos el script de inicialización …

Read More

FancyBox es una herramienta para mostrar imágenes, contenido HTML y multimedia en un "lightbox" de stilo de Mac que flota sobre la página web.

JavaScript

Debemos incluir framework jQuery, jquery.fancybox-1.3.1.pack y jquery.easing-1.3.pack señalando el  atributo src de la etiqueta de script a esos ficheros .js.
Coloque el script de inicialización en la sección <head>. Se inicializa el vínculo con id #single_image…

Read More

“bgSlider”

marzo 17 2011  |  Category: Slider, Working with jQuery scripts

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

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 …

Read More

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.

<script type="text/javascript" src="js/jquery-1.4.2.min.js" </script

Colocamos 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();
        });
    });
Read More

Este es un script de Slider que utiliza el efecto de desvanecimiento para el efecto de transición de cambio de slides. Este Slider puede ser utilizado no sólo para imágenes, pero también para diferentes bloques de contenido. Usted puede encontrar las instrucciones completas de instalación y de configuración siguiendo este enlace.

JavaScript
Para que el script funcione, el …

Read More

Galería de imágenes simple

noviembre 15 2010  |  Category: Gallery

Este es un plug-in de Galería de imágenes simple que utiliza varias funciones básicas de jQuery.

JavaScript
Aquí puede ver la representación del script jQuery. Este script no requiere ninguna configuración.

HTML
Hay un ejemplo de código HTML de galería:

Aquí la imagen grande que se coloca en la etiqueta <dt> obtiene id #largeImg. Al hacer clic en thumbnails (pequeñas …

Read More

Slider “Coin”

noviembre 15 2010  |  Category: Slider

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 …

Read More