macuoren

[21/08/08] Aportazo por Wyrm para hacer esto mismo en PHP (vía comentarios).

Esto es parecido a lo que expliqué en la última parte del post Poner Imagen Flotante Fija en la Esquina de una Web + Aleatoria + Efecto Hover, pero sin necesidad de añadir códigos en el head.

Simplemente, donde quieras colocar la/s imágenes copia y pega este código:

<script language="javascript">
<!--
function VecImagenes()
{
n=0;
this[n++]=”url_imagen_1.gif“;
this[n++]=”url_imagen_2.png“;
this[n++]=”url_imagen_3.png“;
this[n++]=”url_imagen_4.png”
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write(”<IMG SRC=”+src+”>”);
//–>
</script>

… y cambia url_imagen_1.gif, url_imagen_2.png, url_imagen_3.png, url_imagen_4.png, etc. por las direcciones URL de las imágenes que quieras poner. Sobra decir que puedes poner muchas más imágenes añadiendo líneas del estilo this[n++]=”url_imagen_3.png”;.

Este es el código que he puesto yo para poner mis imágenes esquineras aleatorias, podéis usar el código tal cual está para copiar y pegar:

<div style=”display:scroll; position:fixed; bottom:-4px; right:0px;border:0;”>
<a href=”#”>
<script language=”javascript”>
<!–
function VecImagenes()
{
n=0;
this[n++]=”http://media.share.ovi.com/m1/original/0297/4342542a4f1a475ea6a5da4dac4c71e0.gif”;
this[n++]=”http://farm2.static.flickr.com/1269/887518968_421100aa52_o.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0313/ae58536641924587bf1459e1ca6324f3.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0297/49750ac796e843dd99d3974a5431d024.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0297/7563bcec1d1c485ea671fa9fe617b21b.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0313/d7df10299864447a8f5d687b86d54f02.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0313/8ed17fbd23a74513a1ada08d73e25d4c.gif”;
this[n++]=”http://media.share.ovi.com/m1/original/0313/768f59fa8e344382b1d95d4df5297541.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0313/265ffca483644e78bea550f677366779.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0298/47f3b95f9bfe4a12becc24723ae269b0.png”;
this[n++]=”http://media.share.ovi.com/m1/original/0298/bd669312ccac4e179b454b386d1692a8.png”
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write(”<IMG SRC=”+src+”>”);
//–>
</script>
</a>
</div>

Lo rojo es lo que he utilizado para poner las imágenes en la esquina, en el otro post lo explico.

Lo azul es solo por si quieres ponerle un vínculo, yo solo le he puesto un # para que cuando pinches en las imágenes suba directamente la página a la cabecera.

Y estas son las imágenes que tengo puestas yo (mas la de arriba), las que te saldrán si practicas con mi código:

Y ya está, no estaría de más un comentario si te ha sido útil (o si te parece interesante)

Artículos Relacionados (o no)...

• Poner Imagen Flotante Fija en la Esquina de una Web + Aleatoria + Efecto Hover