Manejo de Movimiento de Imágenes en desplazamiento

De que manera puedo realizar un desplazamiento de imágenes en javaScript, con vinculo en cada una al pasar el puntero por la foto.
Lo que necesito es algo similar a lo que puedes ver en la siguiente dirección:
http://www.foxmovies.com/index1.html
Gracias.
Respuesta
1
Creo que lo que buscas es algo parecido a esto:
<td>
              <div align="center">
                <table border="0" cellspacing="0" cellpadding="0" width="96">
                  <tr>
                    <td width="94"><script language="JavaScript1.2">
<!--
var sliderwidth=500
var sliderheight=150
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://WWW-DIRECCION-DESTINO-AL-PINCHAR-IMAGEN-1" target="_blank"><img src="DONDE-ESTA-LA-IMAGEN-1" border=1 alt="Clic aquí para ver."></a>'
leftrightslide[1]='<a href="http://www-direccion-destino-al-pinchar-imagen-2/" target="_blank"><img src="DONDE-ESTA-LA-IMAGEN-2" border=1 alt="Clic aquí para ver."></a>'
leftrightslide[2]='<a href="http://www-direccion-destino-al-pinchar-imagen-3/" target="_blank"><img src="DONDE-ESTA-LA-IMAGEN-3" border=1 alt="Clic aquí para ver."></a>'
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+"  "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
                      <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
                      <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed">
                      </layer>
                      </ilayer>
                      <p align="center" style="margin-top: 0; margin-bottom: 0"> </td>
                  </tr>
                </table>
              </div>
            </td>

Espero que lo entiendas ;)
http://WWW-DIRECCION-DESTINO-AL-PINCHAR-IMAGEN-1" target="_blank"><img src="DONDE-ESTA-LA-IMAGEN-1 sustituyelo por la direccion a la que quieras que el usuario vaya al pinchar en esa imagen
DONDE-ESTA-LA-IMAGEN-1 sustitúyelo por la ruta de donde toma la imagen la página

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas