17:39 4 Ago 08

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

Comenta y te cuento. Aporta y compartoEsto 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)...

9 frikadas se han comentado con un par!

Trackbacks

  1. macuoren » Blog Archive » Poner Imagen Flotante Fija en la Esquina de una Web + Aleatoria + Efecto Hover SPAIN WordPress 2.5.1
  2. links for 2010-03-07 – Juan Chaparro Jiménez WordPress 2.8.4

Al MEV le gustaría que
dejaras un comentario
(si es que te atreves)

Tags permitidos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Los avatares utilizados se identifican mediante Gravatar, si quieres usarlo tienes que registrarte en esa Web y subir tu imagen.


Suscribete a estos comentarios (sin tener que comentar)