• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech Blog
Sin resultados
Ver todos los resultados

Basic jQuery Slider – Un slideshow para mostrar todo tipo de contenido

Diego CambiasoporDiego Cambiaso
06/03/2018
enDesarrollo/programación, Internet
Tiempo de lectura2 minutos
0

Basic jQuery Slider - slideshow con jQuery para mostrar todo tipo de contenido

La cantidad de slideshow desarrollados con jQuery es impresionante y los hay muy variados como Rotating Image Slider que tiene forma de abanico.

Basic jQuery Slider es un slideshow desarrollado con jQuery y que permite mostrar todo tipo de contenido, incluído videos.

EntradasRelacionados

4 Tips de Oracle para iniciarte en el mundo de la programación

Ventajas, desventajas y consejos al crear tu sitio web

Principales características:

  • Los slides pueden contener cualquier código HTML válido.
  • Permite pasar entre slide con animación de desvanecimiento.
  • Corre en los navegadores modernos.
  • Es muy sencillo de personalizar.
  • Soporta navegación por teclado.
  • Es muy liviano, pesa solo 4.6kb comprimido.
  • Es completamente gratis.

Cómo implementar Basic jQuery Slider

Enlazar los archivos JS:

<script src="js/libs/jquery-1.6.2.min.js"></script>
<script src="js/basic-jquery-slider.js"></script>

Crear el código HTML que contendrá el slide

Se necesita un código HTML como el del siguiente ejemplo para crear el slideshow en la página:

<div id="mi-slideshow">
<ul class="">
<li><!-- Agregar el contenido a mostrar --></li>
<li><!-- Cualquier tipo de contenido --></li>
</ul>
</div>

Activar el plugin jQuery

El siguiente código activa la presentación y cambiando algunos de los valores se logra personalizar por ejemplo el tamaño:

$(document).ready(function(){
$('#my-slideshow').slidey({
'width' : 940,
'height' : 340,
'showMarkers' : true,
'showControls' : true,
'centerMarkers' : false
});
});

Basic jQuery Slider

Sitio: basic-slider.com

Vía: www.webresourcesdepot.com/themable-and-customizable-content-slider-basic-jquery-slider

Tags: basic jquery sliderdesarrollo webJavascriptjQueryplugin jqueryprogramacion webslidesho jquery
Diego Cambiaso

Diego Cambiaso

Comunicador Social y Desarrollador de Software. Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

WixCcode

WixCode una moderna herramienta para desarrollo web

07/05/2018
Crédito: Walt Disney Animation Studios y Walt Disney Pictures

Construir un Sitio web con los editores de WYSIWYG: Pros y Cons

12/07/2016
Simite - Game Screenshot

Simite – El campo de batalla de los dioses, un MOBA de acción en tercera persona

15/09/2014

Flypixel: Conoce una colección gratis de PSD y otros recursos de diseño

02/11/2013

Serie Camon 19 – Conoce los detalles de los nuevos equipos de Tecno Mobile

21/06/2022

Una mujer supera su propio récord y calcula el valor del “Número Pi” en 100 billones de dígitos

12/06/2022

TECNO POVA 3 características y especificaciones

11/06/2022

Tecno Camon 19 Series lanzamiento global el 14 de junio

09/06/2022

Todo lo que debes saber para comenzar a utilizar la inteligencia artificial en tu negocio

31/05/2022

Motivos por los que deberías implementar la Inteligencia Artificial para captar personal

30/05/2022
Pixelco Tech News Pride 2022 logo
Pixelco Tech News Pride 2022

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2022 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...