InicioApuntes Y MonografiasClón del "slider" de cuevana


Hola a todos! vuelvo a agregar mi post, porque me dijeron que en el lugar donde estaba no podía recibir puntos, gracias por comprender

Link al post original:




------------------------------------------------------------------------------------------------------------------------------------------------------------------

¿Cómo andan? He visto varias personas interesadas en crear un clon del "slider" de cuevana. Pongo slider entre comillas, ya que en realidad es simplemente un div scrollable, creado con el plugin de jQuery llamado jScrollPane.

He desarrollado un clon de dicho scrollpane para que puedan usar. Está bastante parecido, me faltó sólo agregarle algunos pequeños detalles (por ej. el reflejo de las imágenes), pero no quería que quede muy complejo el código fuente. Por el mismo motivo, tampoco le puse lo tooltips que aparecen cuando pasan el mouse por encima de las imágenes.

Bueno, de todos modos, a mi parecer, quedó muy bien y pueden usar lo hice y pulirlo como a ustedes les guste. Aquí les paso dos ejemplos:




El ejemplo 2, muestra simplemete el mismo scrollpane dos veces. Esto es para que vean como poner dos scrollpane en la misma página. Si miran el código fuente, notarán que solo hay que copiar y pegar una porción de código y cambiarle los ids a algunos elementos html.

Aquí tienen para descargar los archivos de código


Está hecho con html, javascript y css. Se usó jQuery y el plugin jScrollPane ( ). Está probado en IE7, IE8, IE9, Firefox, Chrome. En IE7 e IE8 no toma los bordes redondeados.

Bueno, espero sus comentarios! Saludos!

------------------------------------------------------------------------------------------------------------------------------------------------------------------
Actualización 03/07/2012

Agregué un ejemplo más como me lo pidió un colega en un comentario del post original. El ejemplo es:



Para más detalles, fijense los comentarios del post original:

Datos archivados del Taringa! original
10puntos
230visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

d
damian8585🇦🇷
Usuario
Puntos0
Posts1
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.