Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como efectos

jQuery Cycle Plugin - Transiciones animadas de imágenes (slideshow)

jQuery Cycle plugin proporciona un mecanismo de hacer transiciones animadas de imágenes . Su implementación está basada en el InnerFade Plugin de Torsten Baldes, el Slideshow Plugin de Matt Oakes, y el jqShuffle Plugin de Benjamin Sterling. El plugin soporta pausas al pasar el ratón por encima de la imágen, paradas automáticas, retrollamadas (callbacks) antes y después, disparadores (triggers) y una gran cantidad de efectos para las trasiciones. La última versión estable (2.34), publicada en esta misma semana, requiere, como mínimo, la versión 1.2.3 de jQuery . Es un plugin muy ligero, tan solo ocupa 18 KB en su versión para entornos de producción. Como casi todo en jQuery , es muy fácil de usar. Aquí pongo un breve ejemplo básico: HTML: [sourcecode language="html"] [/sourcecode] CSS: [sourcecode language="css"] .pics { height: 232px; width: 232px; padding: 0; margin: 0; } .pics img { padding: 15px; border: 1px solid #ccc; ...

jQuery - Hacer que un textarea crezca mientras escribes automáticamente

Coqueto plugin para el framework jQuery con el que podremos implementar un interesante efecto: Hacer que un textarea crezca (verticalmente) dinámicamente mientras el usuario va escribiendo en el, es decir, si el textarea se queda pequeño para el texto que se está escribiendo pues va creciendo una línea. Desde el siguiente enlace puedes acceder a descargarte el plugin y a ver un ejemplo en funcionamiento: Elastic - Make your textareas grow facebook style (jQuery plugin) . Una vez incorporado el plugin a nuestro desarrollo web, el uso del mismo es muy fácil: [sourcecode language="javascript"] $('#myTextarea').elastic(); [/sourcecode] donde #myTextarea es el ID del elemento textarea al que queremos aplicar el efecto.