Ayuda: ¿Cómo crear una cabecera web cambiante?

[Archys]

Creo que he elegido el foro correcto, de no ser así pido que sea movido por los moderadores correspondientes.

Hola, miren, estoy creando realizando una web sin demasiada experiencia en programación. Me estoy sirviendo del programa Iweb, que si bien no es la mejor herramienta del mundo si que me sirve a mis propósitos. Pero tengo un problema.

Quiero realizar una cabecera en la que la imagen superior vaya cambiando con cada visita, entre una selección que tenga guardada en algún servidor o web donde alojar dichas imágenes. Para que sepáis exactamente que deseo... entrad aquí:

www.insertcredit.com

Si cargáis varias veces la web, cada una de ellas suele tener una imagen diferente. Eso es lo que quería.


Por ello busqué en el código fuente de la web y me encontré con esto:

<tr>
<td colspan="3">

<a href="http://www.insertcredit.com/"><img src="http://www.insertcredit.com/img/title1.gif" border="0"></a><br>
<script name="JavaScript">
<!--
var pic='17';
var decide = Math.round(Math.random() * 15);

if( decide == 1 ) {
pic = '6';
}
if( decide == 2 ) {
pic = '7';
}
if( decide == 3 ) {
pic = '8';
}
if( decide == 4 ) {
pic = '9';
}
if( decide == 5 ) {
pic = '10';
}
if( decide == 6 ) {
pic = '11';
}
if( decide == 7 ) {
pic = '12';
}
if( decide == 8 ) {
pic = '13';
}
if( decide == 9 ) {
pic = '14';
}
if( decide == 10 ) {
pic = '15';
}
if( decide == 11 ) {
pic = '16';
}
if( decide == 12 ) {
pic = '19';
}
if( decide == 13 ) {
pic = '20';
}
if( decide == 14 ) {
pic = '21';
}
if( decide == 15 ) {
pic = '22';
}

document.write("<img src='http://www.insertcredit.com//img/photo"+pic+".jpg' border=0>");

// -->
</script><br>

Y me da el resultado de la web de Insertcredit. Ahora bien ¿como debo de modificar el código para que se cargaran las imágenes que yo desearía?.
Si alguien me puede ayudar, se lo agradecería enormemente.

[Nemutagk]

Depende como tengas tus imágenes (sus nombres), en el código que has publicado las imágenes ya están preparadas con sus nombres (photo6.jpg, photo7.jpg), así únicamente cambiamos el numero en el tag IMG y tendremos diferentes imágenes, ahora, si quieres utilizar tus imágenes sin cambiarles el nombre tendrías que cambiar el código...

Código Javascript:

//En el código tienes esto
if( decide == 1 ) { 
pic = '6'; 
} 
if( decide == 2 ) { 
pic = '7'; 
} 
 
//Para utilizar los nombres de tus imágenes solo tendrías que cambiar el contenido de "pic"
if( decide == 1 ) { 
pic = 'mi_imagen_a.jpg'; 
} 
if( decide == 2 ) { 
pic = 'mi_imagen_a.jpg'; 
}
 
//Y al final cambias..
document.write("<img src='http://www.insertcredit.com/img/photo"+pic+".jpg' border=0>"); 
 
//por...
document.write("<img src='http://www.insertcredit.com/img/" + pic + "' border=0>");
 

[Adermall]

Mejor utiliza el switch en ves del if.

[JavierB]

Hola Archys. Bienvenido al foro.

Muevo tu tema al foro de Javascript desde Web general.

Saludos,

[cronosmen]

No te sereia mas sencillo con php? seria usar la funcion:

Código PHP:

$cabecera=random(1,6);
 
if ($cabecera==1){
echo "<img src='imagen1'>";
}
 
if ($cabecera==2){
echo "<img src='imagen2'>";
}
 
...etc
 

Nota en random (1,6) esos seran los numero aleatorios que seran asigandos a la variable $cabecera si tienes por ejemplo 8 imagenes seria random (1,8) y ir asignando a cada numero posible una imagen