¿Cómo hacer que las imágenes cambien aleatoriamente en Blogger?

Cartucho · 3 Sep 2010

Sucede que tengo un blog en bogger, con un header e inmediatamente abajo gadgets...

Cáda gadget tiene una imagen y una url, de éste modo:

Insertar CODE, HTML o PHP:

<a href='http://series
.descargasabc.com' rel='bookmark' class='feature-title'><img src="http://1.bp.blogspot.com/_7vVVOd3GU7E/TIFEELhH5XI/AAAAAAAAAbQ/5GQQLu7Q89A/s1600/series.png" /></a>
<h2><center>Series</center></h2>

Como verán, es un enlace simple con una imagen y un h2 en el texto. Lo que necesito es que la imagen cambie aleatoriamente cáda ves que entre un usuario, entre 2 o 3 motivos, no más. Por ejemplo, entran por primera vez, y ven en "series" una imagen de "The Office", como en éste ejemplo:

Enlace eliminado

Cuándo le den F5 al navegador, me gustaría que aparezca otra imagen, de otra serie, que yo definiría previamente.

De ese modo podría captar a los usuarios que le gusta la serie X, V o Y, en lugar de centrarme en una sola.

¿Alguien sabe qué código debo usar para lograr eso?

Gracias!

Franyer Rivas · 3 Sep 2010

pues para eso requieres php tengo un script que cambia la imagen pero solo la imagen no cambia ni el texto ni el link es solo cambio de imagen
si no tienes un hosting donde puedas subir el archivo php supongo que debe existir una forma de hacerlo con javascript ese si no me lo se xd pero si te interesa el php enviame un MP y te lo paso o mas tardecita hago un post explicando su uso aunq es muy simple

thejigg0695 · 3 Sep 2010

puedes utilizar este codigo

Insertar CODE, HTML o PHP:

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

<h2><a href='PAGINA' rel='bookmark' class='feature-title'>TITULO</a></h2>

ahi me dices si te funciono :top:

sincastillo · 3 Sep 2010

Hola, muchas gracias thejigg0695, a mi me funcionó muy bien. Tengo una duda, ¿habría forma de mostrar la imágen dependiendo si es una fecha determinada o no? Por ejem, si es el 25 de diciembre mostrar una imagen distinta, no sé si me dejé entender, disculpa.

Saludos y muchas gracias otra vez por la ayuda.

thejigg0695 · 3 Sep 2010

sincastillo dijo:
Hola, muchas gracias thejigg0695, a mi me funcionó muy bien. Tengo una duda, ¿habría forma de mostrar la imágen dependiendo si es una fecha determinada o no? Por ejem, si es el 25 de diciembre mostrar una imagen distinta, no sé si me dejé entender, disculpa.

Saludos y muchas gracias otra vez por la ayuda.

no pues la verdad nose si se pueda eso
que bueno que te sirvio el codigo :top:

Cartucho · 4 Sep 2010

thejigg0695 dijo:

puedes utilizar este codigo

Insertar CODE, HTML o PHP:

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

<h2><a href='PAGINA' rel='bookmark' class='feature-title'>TITULO</a></h2>

ahi me dices si te funciono :top:

Me ha servido y funciona de maravilla 😀, dedo verde...

Yo había usado en otra página un código parecido pero para texto plano... Lo mejor es que a éste le pude colocar la etiqueta <a href= por fuera sin que deje de funcionar, lo cual hace que todas las imagenes aleatoreas estén linkeadas...

Muchas gracias!

thejigg0695 · 4 Sep 2010

Que Bueno que fui de su ayuda!!

GRACIAS POR LOS DEDOS VERDES Enlace eliminado

¿Cómo hacer que las imágenes cambien aleatoriamente en Blogger?

Cartucho

Franyer Rivas

thejigg0695

sincastillo

thejigg0695

Cartucho

thejigg0695

Temas similares