knorrigt.com

Home > Internet > Cómo hacer un carrusel de imágenes con jQuery

Cómo hacer un carrusel de imágenes con jQuery

Advertisement

Puede utilizar un plug-in de jQuery en su página web para hacer un carrusel de imágenes. Esta función le permite mostrar un gran número de imágenes en su página, sin recargar la página. El ciclo carrusel voluntad a través de todas las imágenes que se definen en el código HTML, pero sólo mostrará dos imágenes al mismo tiempo. Los visitantes a su página, entonces pueden hacer clic en los botones "Anterior" y "Siguiente" para desplazarse a través de todas las imágenes que se han definido en el código.

Instrucciones

Abra una ventana del navegador Web, y luego ir a la página de descarga jQuery Infinito Carrusel en Google.com.

Haga clic en el enlace "jquery-infinite-carousel.zip" en el centro de la ventana, a continuación, guarde el archivo en su ordenador.

Haga clic en el archivo descargado, haga clic en "Extraer todo", a continuación, haga clic en "Extract". Esto creará una nueva carpeta "jquery-infinito-carrusel".

Haga doble clic en la carpeta "jquery-infinito-carrusel", a continuación, haga doble clic en la carpeta "Demos".

Haga clic en el archivo "Índice", haga clic en "Abrir con", a continuación, en su programa de edición de Internet favorito. Después de que el archivo se abre en el programa seleccionado, haga clic en la opción "Código", si el programa tiene esa característica.

Desplazarse a la "<li> 1 </ li>" texto.

Vuelva a colocar el "1" con el "<img>" código HTML de la imagen que desea que aparezca en primer lugar en el carrusel. Por ejemplo, si la imagen se encuentra en la carpeta de imágenes de su sitio web, su código HTML podría ser como "<li> <img src =" http://www.mysite.com/images/image-1.jpg&quot; alt = "carrusel Imagen 1" height = "100" width = "100" /> </ li> ".

Continuar sustituyendo cada "<li>" objeto en esta sección con el código de una imagen que desea incluir en su carrusel. También puede añadir más "<li>" artículos para incluir más imágenes en el carrusel.

Eliminar cualquier código no deseado del archivo de muestra, tales como el código contenido dentro del objeto "<div class =" demo ">".

Haga clic en "Archivo" en la parte superior de la ventana, a continuación, haga clic en "Guardar" para aplicar los cambios.

Consejos y advertencias

Usted también puede tener su ciclo de carrusel a través del texto, a diferencia de las imágenes. Reemplazar los "<img>" objetos dentro de la "<li>" elementos con el texto que desea ciclo.

Cómo hacer un CD de imágenes con la música
computadoras y el software de hoy en día pueden hacer que las tareas que antes estaban sólo al alcance de los profesionales de algo que el usuario medio puede lograr. Uno de estos puestos de trabajo que antes se reservan para aquellos con los más mod
Cómo hacer un mapa de imágenes con Photoshop
Al hacer clic en la parte de imagen de una página web y el navegador salta a una página Web diferente, un mapa de imagen es probablemente responsable de esa acción. los diseñadores de sitios pueden escribir código HTML que crea puntos calientes se pu
Picasa es un programa de edición de fotos gratis y fácil de usar para descargar proporcionado por Google. Picasa tiene muchas características, tales como la edición, la carga, la creación de CDs y hacer un collage. Sólo se necesita un poco de tiempo
Mientras que usted puede confiar en el software de Microsoft Word para escribir letras, portadas, informes y otros documentos de texto lleno, no se descarta el componente de procesamiento de textos de la suite Microsoft Office para sus requerimientos
Cómo hacer un collage de imágenes Con MS Paint
La fotografía digital ofrece la mayoría de las personas con una variedad de materiales digitales para los collages. Microsoft Paint es una sencilla herramienta gráfica que se incluye con todas las versiones de Windows. A pesar de que no cuentan con l
Cómo hacer una presentación de imágenes con música de YouTube
Nuevas bandas, cantantes y músicos pueden tener sus actuaciones y vídeos difundidos a nivel internacional gracias a YouTube. También es una manera eficiente de compartir información de presentación o la publicación de un vídeo a una página web. Una p
La fotografía es un pasatiempo para muchas personas, ya sea casual o que esperan convertirlo en una carrera. Con el advenimiento de la cámara digital, los fotógrafos tienen ahora la capacidad de mejorar y modificar las fotos que toman fácilmente. Rec
¿Cómo el estilo de una imagen con CSS
¿Cómo el estilo de una imagen con CSS. Usar CSS para presentar imágenes de su sitio web de la mejor manera posible. En este artículo, usted aprenderá dónde colocar una imagen y si es o no incluir decoraciones como las fronteras. Cosas que necesitará
Los carruseles de imagen más conocidos de uso en Internet son los proporcionados por Amazon y eBay para su uso en los widgets de ventas en las páginas web. Un carrusel permite al autor página web para mostrar una serie de imágenes en una pantalla con
Cómo hacer una presentación de imágenes
Puede realizar actos secundarios de imágenes con fotos directamente desde el ordenador, sin necesidad de software adicional. El almacenamiento de fotos digitales en su ordenador le permite hacer presentaciones de diapositivas con Windows 7, sin neces
Cómo hacer una foto más pequeña con menos KB
Los archivos de fotos pueden ser muy grandes, lo que puede hacerlos poco manejable para el envío por correo electrónico o para cargar en un sitio web. Cambiar el tamaño de estas fotos se reducirá el tamaño del archivo, que a menudo se mide en kilobyt
Cómo hacer una tarjeta de visita con las páginas de iWork plantillas
iWork Pages es un procesador de textos en la suite iWork de Apple de herramientas de productividad. Lo que hace que las páginas más que un simple procesador de texto es extenso conjunto del programa de plantillas y la facilidad con que se puede utili
Cómo hacer un CD de arranque con Magic ISO
El uso de MagicISO - un popular CD y DVD y una herramienta de escritura disponibles para su compra o descarga de prueba - para crear un CD de arranque es en realidad un proceso de dos pasos. Debido MagicISO no contiene los archivos apropiados necesar
Cómo hacer que algo parezca Metal Con Photoshop
Adobe Photoshop CC es compatible con pinceles personalizados para crear texturas de metal, pero se puede lograr resultados similares usando capas y filtros que se incluyen con el software. El efecto funciona mejor con superficies planas y las letras,
software de gráficos de edición de imágenes separa a menudo en los canales de un solo color, lo que permite a los usuarios modificar el equilibrio de los colores primarios específicos dentro de la imagen. Al igual que muchos títulos de software de gr
Crear una presentación de imágenes en un ordenador Mac mediante la aplicación iPhoto incluido. Este gestor de la biblioteca de fotos ofrece una serie de formas de mostrar imágenes, incluyendo como una presentación de diapositivas con un tema de diseñ
Cómo hacer un DVD de datos Con Nero
Hay tantos programas que queman CDs y DVDs disponibles que a veces la parte más difícil del proceso es simplemente escoger qué programa utilizar. Nero Burning Rom, hecho por delante, ha estado en el mercado durante la mayor parte de una década y ha s
Cómo hacer una cubierta de libro con Adobe Illustrator
La gente dice que no juzgar un libro por su cubierta, pero la cobertura es lo que llama la atención. interés de los lectores pico 'al hacer una cubierta de libro con Adobe Illustrator. Illustrator es un software de diseño que tiene el poder de crear
¿Cómo hacer un volcado de imágenes en 4Chan
4chan es un sitio de la comunidad junta imagen en la que los usuarios pueden compartir fotos y mantener conversaciones sobre una variedad de temas. El sitio está dividido en una serie de tablas que cubren los intereses que van desde automóviles, a lo