Páginas

Como poner imágenes con función Ir Arriba

Para tener imágenes en la parte inferior de nuestro blog con función Ir Arriba tendremos que buscar en Diseño > Edición HTML > </body> y pegar justo encima el siguiente código:
<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img alt='ir arriba' border='0' src='http://img186.imageshack.us/img186/6405/pruebammmxv9.png' style='position:fixed; bottom:0; right:0;'/></a>

<script src="http://www.blogger.com/widgets/3280415284-widgets.js" type="text/javascript"><br /><script type="'text/javascript'/"></script>

* url de la imágen a mostrar.

Para poner más imágenes y que se muestren aleatoriamente es necesario introducir el siguiente código:
<a href='#wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'>

<script language='JavaScript'>
imagenes = new Array(7)

imagenes[0] = &quot;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhftso_i36OdmVFLB6S1uTaNDMjj2QCQVPm8DWMZ4-oIZmmOGn3U0Kx0LNVMMJ72QbBu1wNP8MGgGH1hpQ8GqzyPF_MjDDtr2GtTCLN_tHHZUkYcVbzRkeSrV_7Rzr4-L5-452gh5ebRZEc/' style='position:fixed; bottom:0; right:0; '/>&quot;

imagenes[1] = &quot;<img border='0' src='http://img509.imageshack.us/img509/1845/angelinajoliepillapalomje2.png' style='position:fixed; bottom:0; right:0;'/>&quot;

imagenes[2] = &quot;<img border='0' src='http://img26.imageshack.us/img26/596/wallup.png' style='position:fixed; bottom:0; right:0;'/>&quot;

imagenes[3] = &quot;<img border='0' src='http://img15.imageshack.us/img15/5770/pruebalobeznoa.png' style='position:fixed; bottom:0; right:0;'/>&quot;

imagenes[4] = &quot;<img border='0' src='http://img40.imageshack.us/img40/9892/spiderpillapalomitas.png' style='position:fixed; bottom:0; right:0;'/>&quot;

imagenes[5] = &quot;<img border='0' src='http://img510.imageshack.us/img510/4450/promopillamatrix.png' style='position:fixed; bottom:0; right:0;'/>&quot;

imagenes[6] = &quot;<img border='0' src='http://img404.imageshack.us/img404/6066/promopillabatman.png' style='position:fixed; bottom:0; right:0;'/>&quot;

aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])

</script>
</a>

<script src='http://www.blogger.com/widgets/3280415284-widgets.js' type='text/javascript'/>
<script type='text/javascript'/>
** Hay que cambiar el número del array para que coincida con el número de imágenes a mostrar: (En este ejemplo 7)
<script language='JavaScript'>
imagenes = new Array(7)
Para ver como queda podéis hacerlo en pillapalomitas.

No hay comentarios:

Publicar un comentario