Magic Image Rotation, diapositivas de imágenes (JavaScript)

Magic Image Rotation es una pequeña utilidad que muestra una serie de imágenes y las rota cada n segundos, tal como una diapositiva de imágenes. Su característica sobresaliente es que cada imágen que se muestra puede tener un enlace o link independiente del resto de imágenes.

Imagen Rotatoria 

Cómo usarlo 

Tendremos que modificar el archivo banner.js para agregar la ruta de las imágenes, los enlaces a donde apuntan y un título. También podemos modificar el tiempo que se mostrará cada imagen.

var BannerLoad =  
[
['mienlace.htm',     'graphics/one.jpg',     'Blue Flower'            ],
['https://www.ribosomatic.com/',     'graphics/two.jpg',     'Distant Rainstorm'        ],
['index.htm',     'graphics/three.jpg',     'Raindrops on a Leaf'    ],
['index.htm',     'graphics/four.jpg',     'Jungle Dream'            ],
['index.htm',     'graphics/five.jpg',     'Daisies'                ],
['index.htm',     'graphics/six.jpg',     'Sunflowers'            ]
];

En la parte HTML llamamos al archivo Javascript y especificar un div cuyo id es banner (esto también se puede modificar en el archivo banner.js).

<script src="banner.js" type="text/javascript"> 
</script>
<div id="banner"></div>

 Enlaces | Demo y Descarga

3 thoughts on “Magic Image Rotation, diapositivas de imágenes (JavaScript)

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.