Imágenes aleatorias en blogger


Hace unos días Ana Lucía me preguntaba en la entrada de frases aleatorias en blogger por cómo poner imagenes aleatorias en blogger, por lo que aquí os explicaré a todos cómo hacerlo con un simple script de mano de Oloblogger.

Para poner este truco en vuestro blog seguid estos pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pegaremos el siguiente código:


Código a copiar/pegar<script language="JavaScript">
function ver_imagen()
{
n=0;
this[n++]="URL imagen 1";
this[n++]="URL imagen 2";
this[n++]="URL imagen 3";
this[n++]="URL imagen 4";
this.N=n;
}
var imagen=new ver_imagen();
src= imagen[ Math.floor(Math.random() * imagen.N) ] ;
document.write("<img src="+src+">");
</script>

Sustituye URL imagen 1 por la URL de la imagen que desees.

Para añadir más imágenes fíjate en el código. Añade después de this[n++]="URL imagen 4";  este otro código y así sucesivamente:

this[n++]="URL imagen 5";

De esta forma, cada vez que se cargue el blog aparecerá una nueva imagen en el lugar que hayáis decidido poner este gadget. Así pues, esta forma de mostrar imágenes aleatorias se convierte en un truco blogger muy interesante para sorprender a tus lectores y visitantes.

9 comentarios:

  1. Super tus explicaciones! Muy sencillas así que fáciles de entender. Muchas gracias por compartir lo que sabes.

    ResponderEliminar
  2. Ola gracias por este post me ayudo pero si le quiero darle una tamaño fijo a todas las imaganes al azar como seria?
    Saludos!!

    ResponderEliminar
  3. Gran entrada, muy útil y sencilla. Por otra parte me gustaría saber si hay alguna manera de que las imágenes vayan acompañadas de un texto concreto. Gracias y un saludo!.

    ResponderEliminar
  4. hola! seria la leche ya, si explicaras la forma de poner un enlace en esas imágenes

    gracias anticipadas y un saludo!

    ResponderEliminar
  5. Hola, también me gustaría ponerle un enlace a cada imágen, por favor ¿cómo se haría eso?

    Por cierto, muy buena página! :-)

    ResponderEliminar
  6. gracias hombre, de verdad no sabia que se podìa hacer esto pero me serà muy ùtil

    ResponderEliminar
  7. muy util, pero sería posible que todas las imagenes tuviesen el mismo ancho para que no sobresalgan de la sidebar?

    gracias

    ResponderEliminar
  8. Hola gracias por compartir esta informacion , dime habria alguna manera de colocarle enlaces a las imagenes? para que cuando se le click a una imagen aleatoria vaya a una direccion url? ojala puedas responder.

    ResponderEliminar