Easy Slider: JQuery Slider
Escrito el 26 Jan, 2009 por Alexis en Diseño, Misc
Css Globe ha lanzado su segunda versión de Easy Slider 1.5 que nos permite crear slides, o diapositivas o quieras llamarlo.
Con Easy Slider 1.5 podemos hacer un slide tanto con imágenes como contendido html dándole el formato deseado via CSS u jugando con la configuración del plugin.
Entre las opciones que Easy Slider 1.5 presenta, tenemos que nombrar:
- Auto Slide
- Slide Continuo
- Botones para “Ir al principio” e “Ir al final”
- Esconder los botones
- Personalización de los botones
- Hacer un Slide vertical
- Múltiples Slides por pagina
Se puede ver 5 diferente demos aquí, donde se presentan todas las características.
Sponsors
Relacionado
13 comentarios to “Easy Slider: JQuery Slider”
Back to TopDejar un comentario
Additional comments powered by BackType
Lorenzo |26/5/2009| Site: Who knows?
Este script como otros sliders no sirven cuando se quiere insertar nodos dinámicamente, ó, usando alog como
$.get(“images.html”, function(data) { jQuery(data).appendTo(‘#slider’); });
¿Conocen algún script que si lo permita?
Saludos,
Lorenzo
Alexis |26/5/2009| Site: eliseos.net
Hola Lorenzo,
Es verdad lo que decís, no va a funcionar con nodos. Todos estos plugins estas pensados de otra, manera. Para que funcionen habría que re-escribir la estructura del plugin.
Y la verdad no he encontrado ningun Slider que nos permita hacer eso, pero lo voy a tener en cuenta para mas adelante y lo voy a hablar con algunos conocidos.
Saludos
hola |23/9/2009| Site: fabriciocentioni.com.ar
Muy buenos los slide estos de gran utilidad me resultaron
Inyaka |3/9/2009| Site: Who knows?
la verdad hacer uno que se basara en clases y no en ID debiera ser relativamente sencillo, claro que ahora no tengo tiempo para eso, quizas lo use solo asi, lorenzo, abria que reescribir o mas sencillo aun crear tu mismo el script, esto es solo una aplicasion vasada en animate de jquery
oscar |5/11/2009| Site: Who knows?
HOLA QUE TAL, ALGUIEN ME PUEDE AYUDAR, YA BAJE EL CODIGO PERO AL COLOCARLO EN EL SERVIDOR
Y TRATAR DE VERLO, ME MANDA UN ERROR EN EL SCRIPT, ESPECIFICAMENTE EN LA SEGUNDA LINEA.
GRACIAS
$(document).ready(function(){
$(“#slider”).easySlider();
});
Alexis |5/11/2009| Site: eliseos.net
A simple vista es correcto como “llamas” al plugin. Tendrías que asegurarte de estar incluyendo correctamente easySlider1.5.js y jquery.js o tener asegurarte que ningún otro plugin este interfiriendo.
mauro |30/1/2010| Site: Who knows?
Hola, muy interesantes los Sliders, quisiera saber como se puede hacer para q x ejemplo, el eslider numero 4, cuando llege a la ultima foto empieze x la primer foto sin q retroceda pasando x las q estan antes… no se si se entiende la pregunta….
si alguien me puede ayudar..
Muchas gracias
Alexis |1/2/2010| Site: eliseos.net
Creo que no, ya que no hay control sobre las transiciones
Alvaro Urbáez |12/5/2010| Site: tecno4us.blogspot.com
Buenas tardes amigo, espero no te moleste, yo modifiqué tu código para que acepte un cinturón de ítems a mostrar, y que vaya deslizando uno por uno. Funciona al pelo…
Gracias…
Alvaro Urbáez |13/5/2010| Site: tecno4us.blogspot.com
Sólo tengo un problema, cuando son muchos ítems aparecen todos alargando la página, hasta que se ejecuta el código del Slider es que se recoge y forma el control; por más que le cambio la propiedad de display a la lista (ul) para que no se muestre hasta que esté creado el control, éste cuando se termina de ejecutar no aparece dado que me coloca el contenedor del Slider con height: 0px y width: 0px..
Ya no sé qué hacer para eliminar el molesto flick cuando carga con muchos ítems. :(
Alvaro Urbáez |13/5/2010| Site: tecno4us.blogspot.com
Sólo tengo un problema, cuando son muchos ítems aparecen todos alargando la página, hasta que se ejecuta el código del Slider es que se recoge y forma el control; por más que le cambio la propiedad de display a la lista (ul) para que no se muestre hasta que esté creado el control, éste cuando se termina de ejecutar no aparece dado que me coloca el contenedor del Slider con height: 0px y width: 0px..
Ya no sé qué hacer para eliminar el molesto flick cuando carga con muchos ítems. :( :(
Alexis |13/5/2010| Site: eliseos.net
SI usas display:none una vez cargadas todos las imagenes hay que mostrarlas:
CSS
jQuery
Saludos
hector |2/6/2010| Site: Who knows?
hola alguien sabe como le puedo dar una clase a los botones. Me explico:
Tengo otro jquery con un codigo de opacidad, me gustaría aplicarle esta clase a las imagenes de los de los botones.
El problema es que cunado lo maqueto con dreamweaver no me salen los botones o por lo menos yo no los veo.
Gracias y mu buneo el tuto, buscaba algo así hace mucho tiempo