Print Friendly and PDF

Slideshow Touch / Swipe touch

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

Próximamente actualización del tema. Por el momento no es responsive y solo funciona como slideshow. 

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.

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.

No hay comentarios:

Publicar un comentario

Gracias por comentar.

Charkleons.com