Buenas!
Después de pasarme por el buscador del foro y leer varios post, haciendo pruebas bla bla bla bla, conseguí lo que necesitaba, un scroll en div con mis imágenes para subir y bajar.
Ahora pues, necesito que esto funcione en Safari, uso mac, no probé Safari en Pc pero supongo que será lo mismo, tampoco se si en Firefox de Pc funciona, alguien podría decirmelo? En FireFox de Mac no funciona.
De momento solo se ve en IE, pero necesito mas....
http://www.toyo.es/clientes/sutasa
Os pongo el código:
Código:
<script>
var anima
function abajo()
{
pixel=parseInt(document.getElementById("contenido" ).style.top);
if (pixel<0)
{
document.getElementById("contenido").style.top = pixel + 5
anima = setTimeout("abajo()",50)
}
}
function arriba()
{
pixel=parseInt(document.getElementById("contenido" ).style.top);
altura=parseInt(document.getElementById("contenido").style.height)
if (pixel>-altura)
{
document.getElementById("contenido").style.top = pixel - 5
anima = setTimeout("arriba()",50)
}
}
function para()
{
clearTimeout(anima)
}
</script>
<body scroll=no>
<div id="cursor" style="position:absolute; left:10px; top:10px; width:40px; height:100px">
<a href="#" onmouseover="arriba()" onmouseout="para()">arriba</a>
<br>
<a href="#" onmouseover="abajo()" onmouseout="para()">abajo</a>
</div>
<div id="contenido" style="position:absolute; left:50px; top:0px; width:700x; height:1000px; z-index:1">
Aquí<br>
el<br>
contenido<br>
de<br>
la<br>
página.<br>
</div>
</body>