JMiur [E]

Este plugin para jQuery es imposible de explicar detalladamente porque posee tal cantidad de opciones que resulta imposible enumerarlas. Se trata de Slider Kit y lo podemos descargar desde lo descargamos desde Google Codes.

Su característica principal es que el plugin reune en si mismo una serie de características que normalmente requieren el uso de varios scripts; genera slideshows, galerías de distinto tipo, carruseles de imágenes, pestañas, sliders de contenido, etc; y todo eso lo hace de manera modular, con un CSS básico que podemos personalizar a gusto y agregando características avanzadas tales como el control de los elementos con la rueda del ratón y animaciones de diferente tipo.

Aunque no lo he probado en todos los navegadores, dicen que funciona en todos, incluyendo Internet Explorer 8.

Como cualquier otro de estos scripts, debemos agregar los archivos antes de </head> ya sea con archivos externos o copaindo su contenido en la plantilla misma:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript' />
<script type="text/javascript" src="URL_jquery.sliderkit.1.4.min.js />
<script src='URL_jquery.easing.1.3.js' type='text/javascript />
<script type="text/javascript" src="URL_jquery.mousewheel.min.js />
Luego, dependiendo de qué queremos utilizar, llamamos a las funciones; por ejemplo:
<script type="text/javascript">
  jQuery(window).load(function(){
    jQuery(".newslider-vertical").sliderkit({shownavitems:3,verticalnav:true,navitemshover:true});
    jQuery(".tabs-standard").sliderkit({auto:false,tabs:true,mousewheel:true,circular:true,panelfx:"none"});
    // agregamos todas las funciones que vayamos a necesitar
  });
</script>
y por último, el CSS, que, tal como dije antes, podemos personalizar aunque para empezar, conviene que utilicemos las reglas de estilo por defecto y luego, ir probando.


La descarga incluye mucha información detallada y ejemplos así que es una buena opción para simplificar scripts ya que la forma de armar los contenidos es muy similar y cuando se entiende su funcionamiento, termina siendo sencillo generar cosas diferentes, sin restricciones en cuanto a la cantidad que pueden ser agregadas en una misma página.

13 comentarios:

Víctor Alfonso González González  

Saludos JMiur, espero te encuentres bien, me gustaría que por favor me aclararas una duda que tengo, ¿es posible colocar el gadget "Encuesta" dentro de un post?

Gracias de antemano.

JMiur  

No. En general, ningún gadget puede ser añadido dentro e un post.

Responder
Iván  

Hola, JMiur, si yo quiero mostrar solo el slider en la página principal de mi blog, qué debo hacer? Gracias y saludos

JMiur  

El script no puede separarse, es una librería que integra todos en uno. Luego, puedes usarlos individualmente.

Responder
3rn3st0  

¡Maravilloso Plugin, símplemente maravilloso!

Ya voy a ponerme a echar tecla a ver que logro =)

Responder
CocinaCoco  

Hola!JM
excelente entrada!me encantan los efectos que ofrece Jquery,es la unica libreria que uso en mi blog.
gracias por tus clases,siempre tan claro!
Saluditos!

Responder
Manfenix  

Es...pec...ta...cu...lar !!! :)
Gracias JMiur

Responder
Hector Donate Rosas  

Hola JMiur, estoy en algo que necesito tu ayuda a ver si se puede hacer.
En una imagen de fondo de un elemento html quiero dejar fija esta imagen e insertar un pequeño slider de imagenes y a su vez inclinado. La idea te la adjunto en https://sites.google.com/site/viaraity/home/arena_blog.jpg?attredirects=0&d=1
Desde ya nuevamente agradecido

JMiur  

Tendría que ver un ejemplo online para poder responderte.

Hector Donate Rosas  

Es para el header de http://puntadeleste-uruguay.blogspot.com
La imagen de la izquierda quisiera que sea una presentacion de varias.

JMiur  

Para eso, debes insertar un elemento HTML nuevo donde estaría ese slider y luego, una vez creado y agregado a la sección del header, ese vera que tipo de propiedades requiere para posicionarlo en algún lugar específico.

Responder
Revista Pixel MX  

JMiur excelente post!
estoy usando el "Slider de imágenes con navegación", Quiero que en vez de deslizarse hacia los lados, se deslice de arriba hacia abajo o viceversa. que cambio o que? agradecería tu ayuda :)

Saludos!

JMiur  

No sé si tiene esa posibilidad; deberás fijarte en la página de los desarrolladores.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR