crear efecto en imágenes

[danduff]

Hola como haría este efecto www.los40.com donde como vemos hay varias en la imágen (del 1 al 6) y cuando le das clic por ejemplo en la 3 cambia a la imágen 3 con su texto sin cambiar la página.


O si no un código donde pueda poner imágenes y que al refrescar la página (F5) aparezca otra imágen y asi sucesivamente



Gracias!!!

[David]

Se puede hacer con Javascript, cambiando el contenido de la capa.

Si quieres poner una imagen diferente cada vez que se recarga la página también se puede con Javascript, pero creo que sería mejor en el servidor con PHP o ASP.

[danduff]

okas

Gracias!!

[danduff]

y cúal sería el código?

[David]

Pues depende, al final qué fue lo que decidiste, ¿cargar algo diferente a cada vez o cambiar el contenido de la caja?. Puedes buscar en el foro de Javascript que hay muchos ejemplos al respecto.

[danduff]

si ya encontre la solución


Gracias!!

[royrojas]

y cual fue esa solucion... compártela con todos.

[danduff]

ok

Fue esta

script language="JavaScript1.1">
<!--
//Pixelating Image slideshow

//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("/images/lospremiosmtvbannerpreviovotacionestest.jpg","/images/aleortegaeselartistadelmesenmdm.jpg","/images/recordandolatrayectoriadealexubago.jpg")
//specify corresponding links
var slidelinks=new Array("/premiosmtvtest","/artistadelmes","/videos/a/Alex-Ubago/Instantes.html")

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

//-->
</script>
<a href="javascript:gotoshow()"><img src="
/images/loading.gif" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pi xelate(MaxSquare=15,Duration=2)"></a>

<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*2000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()

//-->
</script>

[danduff]

espero les sirva

[royrojas]

y eso como se come, supongo que el javascript se pone en el header, y como se implementa, como se llama dentro del html?

[danduff]

como???


No entiendo muy bien que es lo que quieres decir

[royrojas]

no me hagas caso... ya lo vi, fue mi error

[danduff]

okas

entonces si todo esta bien me largo....