JMiur [E]

Esta rutina crea un slideshow que permite colocar cualquier cantidad de imágenes que se reproducirán a una velocidad dada.

Para implementarla, debemos efectuar 3 pasos:
  1. Cargar el archivo JavaScript (es aconsejable alojarlo en un servidor externo si vamos a utilizar la rutina varias veces, sino, basta copiar el código en el HEAD de la página)
<script type="text/javascript" src="URL_SlideshowSimpleV1.js"></script>
  1. Colocar un vínculo vacío donde se desee que aparezcan las imágenes y establecer cuál será la primera:
<a href="#" onclick="return false;">
<IMG src="URL_imagen" name="elNombre" border=0 width="ancho" height="alto">
</a>
  1. Agregar los datos requeridos y ejecutar la función:
<script type="text/javascript">
var velocidad=unValor;
var objeto=document.images.elNombre
slideshowV1(
"URL_imagen_1",
"URL_imagen_2",
".......",
"URL_imagen_n"
);
ejecutarSSV1();
</script>
donde velocidad es un valor expresado en milisegundos (1000 = 1 segundo); elNombre es el dato que colocamos en el atributo name de la etiqueta IMG y URL_imagen es la lista de imágenes a mostrar, entre comillas y separadas por comas.

Como siempre, en el caso de Blogger, para insertarse dentro de un post, todo debe ser escrito en una sola línea para evitar que aparezcan saltos de línea indeseados.





Este es el código de la rutina JavaScript:
// *** SlideshowSimpleV1.js ***

var mtxIMG=new Array()
var mtxLNK=new Array()

var cualLNK=0
var cualIMG=0

function slideshowV1(){
for (i=0;i<slideshowV1.arguments.length;i++) {
mtxIMG[i]=new Image()
mtxIMG[i].src=slideshowV1.arguments[i]
}
}

function ejecutarSSV1() {
if (!document.images)
return
objeto.src=mtxIMG[cualIMG].src
cualLNK=cualIMG
if (cualIMG<mtxIMG.length-1)
cualIMG++
else
cualIMG=0
setTimeout("ejecutarSSV1()",velocidad)
}

// *** final del script ***

10 comentarios:

Gem@  

Bien... veo que sigues provocando con estos temas pero no voy a caer.
Por ahora...

Responder
CaTa  

Eeehh...se ve lindo, eh!!

Responder
JMiur  

No es mi intención provocar ... mucho :D

Responder
repta  

k onda ta padrisimo tu flog

ke tal si te das unavuelta por el mio?

y linkeamos si kieres

arre?

http://www.internetynoticias.blogspot.com

Responder
BIZARRO PM  

hola. otra cosa.

en este slide de aca..


se podría hacer que parta sin necesidad de precionar el boton?

(como si fuera un swf)

gracias de nuevo.

muy útil tu blog

Responder
JMiur  

En el ejemplo, el botón sólo muestra o oculta las imágenes.

En realidad, el script, tal como lo he descripto, funciona como un SWF, es decir arranca y se repite indefinidamente.

Responder
the piinwy!!  

:) que bn solo creo que deberias hacer una simulacion de como queda todo junto ya que lo encuentro algo confuso

Responder
JMiur  

No hay problema. Puedes crear tu blog y explicar las cosas como se te de la gana.

Responder
Erik Reinoso  

Hola que tal queria saber como podria hacer para que cada imagen sea un link distinto? Gracias

JMiur  

No está pensado para eso.Debería modificarse todo el concepto del script.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR