Ciao,
finalmente ho avuto tempo per dare un'occhiata al tuo script...
grazie!
Mi hai dato lo spunto che mi mancava... infatti ho fatto qualche altra modifica allo script ora dovrebbe andare ancora meglio!!
Dagli un'occhiata e dimmi che ne pensi...
In pratica ho allargato la finestra di scorrimento; ho modificato gli "stop" dello scorrimento in modo che non venga mostrato lo sfondo; ho cambiato i pulsanti per lo scorrimento...codice:<html> <HEAD> <TITLE>SINISTRA DESTRA</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- n = (document.layers) ? 1:0 ie = (document.all) ? 1:0 larimg=800 function init() { if (n) ImgBlock = document.ImageDiv if (ie) ImgBlock = ImageDiv.style if (n) W = parseInt(document.Mask.width) if (n) L = parseInt(document.Mask.left) if (ie) W = parseInt(Mask.style.width) if (ie) L = parseInt(Mask.style.left) marginRight = W+L /* margine destro del DIV contenitore */ ImgBlock.xpos = parseInt(ImgBlock.left) ImgBlock.active = 0 } function move_left() { if (ImgBlock.active) { if (ImgBlock.xpos > (L-(larimg-150))) { ImgBlock.xpos -= 5 ImgBlock.left = ImgBlock.xpos setTimeout("move_left()",30) } } } function move_right() { if (ImgBlock.active) { if (ImgBlock.xpos != 0) { ImgBlock.xpos += 5 ImgBlock.left = ImgBlock.xpos setTimeout("move_right()",30) } } } function stopIt(){ if (ImgBlock.xpos >= (marginRight-250)){ // ferma l'immagine a 10px dal bordo destro del contenitore ImgBlock.active = 0 } if (ImgBlock.xpos <= (L-(larimg-250))){ // ferma l'immagine a 10px dal bordo sinistro del contenitore ImgBlock.active = 0 } } setInterval("stopIt()", 10) // ripete il controllo della posizione ogni 10 millisec //--> </SCRIPT> </HEAD> <BODY topmargin="20px" leftmargin="0px" onload="init();"> <DIV align="center" ID="Mask" style="position: absolute; left: 50px; top: 250px; width: 300px; height:150px; border: 1px solid black; overflow: hidden"> <DIV ID="ImageDiv" style="position:absolute; left:0; top:0; width:800px"> <map name="FPMap0"> <area href="dett.asp?imgID=1" shape="rect" coords="10, 10, 100, 140"> <area href="dett.asp?imgID=2" shape="rect" coords="110, 10, 200, 140"> <area href="dett.asp?imgID=3" shape="rect" coords="210, 10, 300, 140"> </map> [img]prova.jpg[/img] </DIV> </DIV> <DIV ID="pul_sx" style="position:absolute; left:25; top:250; width:25px height:150px;" onMouseOver="ImgBlock.active=1; move_right()" onMouseOut="ImgBlock.active=0"> [img]../images/pulsx.gif[/img] </DIV> <DIV ID="pul_dx" style="position:absolute; left:350; top:250; width:25px height:150px;" onMouseOver="ImgBlock.active=1; move_left()" onMouseOut="ImgBlock.active=0"> [img]../images/puldx.gif[/img] </DIV> </p> </p> </p> </BODY> </HTML>
Ciao e grazie dell'aiuto

Rispondi quotando