Foros del Web - Ayuda con marquesina

Foros del Web (http://www.forosdelweb.com/)

- Diseño web (http://www.forosdelweb.com/f91/)

- - Ayuda con marquesina (http://www.forosdelweb.com/f91/ayuda-con-marquesina-583096/)

Ayuda con marquesina

Es posible que la marquesina de esta web ( www.castellariegos.com ) donde aparecen los logotipos de los patrocinadores, en lugar de aparecer siempre en el mismo orden, pudieran aparecer de forma aleatoria y en orden distinto?? Gracias

Re: Ayuda con marquesina

Bueno si quieres puedes hacerlo con Adobe photoshop CS, asi creas un gif animado con esos logos y asi apareceran aleatorios luego lo insertas en la marquesina.
si no sabes trabajar con el photoshop en youtube puedes buscar tutoriales

Re: Ayuda con marquesina

Lo probaré. Gracias por el consejo y por tu tiempo. Un saludo

Re: Ayuda con marquesina

También puedes hacerlo con Javascript (pon esto entre <head> y </head>):

Código HTML:

<script>

    var direcciones = new Array("imagenes/1.jpg", "imagenes/2.jpg")

    function aleatorio(){

       aleat = Math.random() * direcciones.length

       aleat = Math.floor(aleat)

       window.location=direcciones[aleat]

    }
 </script>

Y esto en la marquesina:

Código HTML:

<img src="aleatorio()" />

Re: Ayuda con marquesina

Raulmmm, y que es lo que tendría que cambiar en el código que me has facilitado para que cada imagen de los banners apareciera en las imagen aleatoriamente?. Me refiero, al haber 20 imágnees, por ejemplo, habría de incluir el nombre y/o la dirección donde están ubicadas al colocar esta parte del código que me has facilitado??? new Array("imagenes/1.jpg", "imagenes/2.jpg")

Re: Ayuda con marquesina

Sí, ahí vas poniendo las direcciones (ponlas entre comillas) y las separas con comas.

Re: Ayuda con marquesina

Es para complementar el código que aparece en mi web, la que te dije al principio, o para colocarlo simplemente? Lo digo porque si es sólo con el código que me has comentado, me interesa también el que al pinchar sobre alguno de los logos, se derive a una dirección web o parte de la web que yo les designe... como hago eso??

Re: Ayuda con marquesina

Sí, se me olvidaba... He estado un rato pero lo he conseguido (pon esto entre <head> y </head>:

Código HTML:

<script>

function mostrar(){

var aleatorio = new Array(0, 1, 2)

var direcciones = new Array("imagen1.jpg", "imagen2.jpg")

var links = new Array("link1.html", "link2.html")

aleat = Math.random() * direcciones.length

aleat = Math.floor(aleat)

aleat = aleatorio[aleat]

function imagen(){

document.write(direcciones[aleat])

}

function enlace(){

document.write(links[aleat])

}

document.write('<a href="');enlace();document.write('"><img src="');imagen();document.write('" /></a>')

}
 </script>

Cambia "imagen1.jpg" por tu imagen, y en su lugar correspondiente en links (el link1.html va con imagen1.jpg, el link2.html va con imagen2.jpg a eso me refiero) lo cambias por la dirección de la página.

Pon esto donde quieras que salgan las imágenes (cambia 10 por el número de imágenes que quieras):

Código HTML:

<script>

for(i=0;i<=10;i++){

mostrar()

}

</script>

Lo único malo es que te pueden salir repetidos :-(.

Re: Ayuda con marquesina

Muchas gracias. Lo probaré y ya te diré