Slideshow Touch / Swipe touch

Charkleons.com
Charkleons.com
Charkleons.com
Charkleons.com
Charkleons.com
Charkleons.com
Charkleons.com
Touch Slideshow

Las últimas imágenes usan el código que redirecciona a otra página.

La mayoría de los slideshows que están publicados en las páginas no funcionan con los dispositivos móviles (tacto). Les voy a compartir un código que pueden usar directamente en una entrada en modo HTML, o en un gadget HTML-Javascript sin necesidad de agregar algo más a la plantilla. Solo deben tener en cuenta que las imágenes que usen deben tener las mismas medidas (height y width) que se asignan en dos partes del código (al final, arriba de los códigos de las imágenes).

En el código verán la parte para cada imagen de la siguiente forma:

<div><img alt="Descripción TEXTO" src="URL de la imagen" /></div>

Si quieren que la imagen redireccione a otra página al hacer clic o presión sobre ella usen este código:

<div><a href="URL de la Página" imageanchor="1" ><img alt="Descripción TEXTO" src="URL de la imagen" /></a></div> 

Si quieren que además de la redirección a otra página se abra en otra pestaña usen este código:

<div><a href="URL de la Página" imageanchor="1" target="_blank"><img alt="Descripción TEXTO" src="URL de la imagen" /></a></div> 

Pueden usar este slideshow touch con muchas imágenes, eso sí, la velocidad de la carga dependerá de la cantidad de gadgets/artilugios que tengan en su página, ya que este se cargará al final, pero desde un inicio se visualizará la primera imagen, entonces no tendrán el problema de que se visualice el espacio sin nada, o solo con un marco.

Les recomiendo copiar el código de abajo hacia arriba ya que es muy largo. Pueden acceder a él a través de el siguiente enlace que los dirigirá a un documento de Drive. Si no usan Chrome deben seleccionarlo, luego ubicar el cursor sobre él y presionar las teclas Control + C para copiarlo, y luego presionar las teclas Control + V para pegarlo en una entrada en modo HTML, o en un gadget HTML-Javascript.

 « Ir al código »

Si quieren agregar más imágenes simplemente copien y peguen la cantidad de códigos para cada imagen que consideren necesario.

Este slideshow touch permite desplazar las imágenes tanto horizontalmente, como verticalmente.

Recuerden que pueden optimizar el peso de sus imágenes en la página Dynamic Tools recomendada en Mundo Web HTML

Importante: Si piensan usar este slideshow touch en una entrada confirmen primero que en la parte de Opciones (a la derecha), en Modo de redacción, esté habilitado "Mostrar HTML tal cual" para que puedan pasar sin problemas del modo HTML al modo Redactar.

Espero que esta información les sea muy útil.

Gracias.

Tal vez también te interese:


Slidetouch para blogger, cómo se hace un slideshow que funcione en smartphones, cómo se hace un slideshow que funcione en las tablets, slideshow con touch para dispositivos móviles, slideshow para android, slideshow para iOS, slideshow que cambie las imágenes con los dedos, slideshow touch para páginas web fácil, slideshow touch que cambie las imágenes al tacto, slideshow touch para smartphones, slideshow touch para Blogger, swipeshow para blogger, touch slideshow para blogger, swipe touch para Blogger, swipe touch html,