Ciao a tutti,
ho fatto questo script...
codice:
<head>
<title>Nuova pagina 1</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
n = (document.layers) ? 1:0
ie = (document.all) ? 1:0
function init() {
if (n) block = document.ImageDiv
if (ie) block = ImageDiv.style
block.xpos = parseInt(block.left)
block.active = 0
}
function move_left() {
if (block.active) {
block.xpos -= 5
block.left = block.xpos
setTimeout("move_left()",30)
}
}
function move_right() {
if (block.active) {
block.xpos += 5
block.left = block.xpos
setTimeout("move_right()",30)
}
}
//-->
</SCRIPT>
</head>
<body topmargin="0" leftmargin="0" onLoad="init()">
</p>
SINISTRA
DESTRA
</p>
<div align="center" ID="Mask" style="position:absolute; left:50px; top:250px; width:200px; height:150px">
<div ID="ImageDiv" style="position:absolute; left:50; top:250; width:30">
[img]..\images\logohp1.gif[/img]
</div>
</div>
</body>
...che mi permette di muovere a destra e sinistra un'immagine cambiando le coordinate assolute del DIV che la contiene (ImageDiv). Volevo però che lo scorrimento di questa immagine fosse limitato da un riquadro... come se quell'immagine si muovesse dietro alla pagina e il riquadro fosse un "buco" sulla pagina... quindi l'immagine raggiunto il bordo non si deve bloccare ma proseguire venendo troncata della parte sporgente.
SPERO TANTO DI ESSERMI SPIEGATO!!!
Ho provato a racchiudere il DIV dell'immagine in altro DIV ma non funziona.
Avete consigli?
Ciao e grazie