AyudaBloggers{...}
Imagen flotante al azar en Blogger
En un post anterior, explicaba cómo agregar una imagen flotante en nuestro blog, en esta ocasión mostraré como insertar una imagen flotante que cambie al azar (Es decir, escoger una cierta cantidad de imágenes que roten de forma aleatoria en nuestro blog).

Para instalar estas imágenes aleatorias, debemos ir a Diseño /Edición de HTML y buscas el siguiente código:
</body>
Seguido de eso, debemos pegar el siguiente código antes del anterior:


<script language='JavaScript'>
imagenes = new Array(3)
imagenes[0] = &quot;<img border='0' src='URL IMAGEN' style='position:fixed; bottom:0; right:0;'/>&quot;
imagenes[1] = &quot;<img border='0' src='URL IMAGEN' style='position:fixed; bottom:0; right:0;'/>&quot;
imagenes[2] = &quot;<img border='0' src='URL IMAGEN' style='position:fixed; bottom:0; right:0;'/>&quot;
aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])
</script>
Explicación:

  • La sección imagenes = new Array(3) corresponde a la cantidad de imágenes que haz puesto en la rotación.
  • URL IMAGEN Corresponde a la URL de la imagen a insertar.
  • Para insertar una nueva imagen, agrega el siguiente código:

  imagenes[3] = &quot;<img border='0' src='URL IMAGEN' style='position:fixed; bottom:0; right:0;'/>&quot;
Recuerda que para insertar la nueva imágen deberás asignar otro número (cambiar el número entre corchetes)  y cambiar la cantidad de imágenes en total.
Escrito por
víctor calderon

Víctor Calderón es un jóven chileno de 21 años, estudiante analista programador y orgulloso padre de una hermosa niña.

Moderador en +TBEE y escritor/fundador de este blog.

tweet

Blogroll de Ayuda Bloggers