Ayuda con marquesina

issos · #1 (**permalink**) 05/05/2008, 11:33

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

brendagar · #2 (**permalink**) 06/05/2008, 06:43

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

issos · #3 (**permalink**) 06/05/2008, 10:32

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

Raulmmmm · #4 (**permalink**) 06/05/2008, 13:12

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()" />

issos · #5 (**permalink**) 07/05/2008, 00:31

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")

Raulmmmm · #6 (**permalink**) 07/05/2008, 05:49

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

issos · #7 (**permalink**) 07/05/2008, 10:47

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??

Raulmmmm · #8 (**permalink**) 07/05/2008, 13:52

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

.

issos · #9 (**permalink**) 08/05/2008, 00:19

Muchas gracias. Lo probaré y ya te diré