Ciao a tutti!
Sto cercando di modificare lo script "Effetto terremoto" presente nel sito, in modo da avere più immagini che tremino contemporaneamente all'esecuzione della pagina.
Ho eliminato i vari onMouseover e onMouseout nel tag img ed ho aggiunto nel tag body onload="init(getElementById('imgShake'));rattleima ge()".
Fin qui tutto ok, con una sola immagine funziona, ma se ho più immagini da far vibrare contemporaneamente?
Poi perchè rattleimage(), che muove l'immagine, non prende parametri? Ho provato a fare un po' di tentativi, ma nulla...
Questo è la pagina d'esempio dello script:
codice:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
	<title>Effetto terremoto - Esempio JavaScript scaricato da HTML.it</title>
	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="it" />
	<meta name="Robots" content="All" />
	<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
	<meta name="Keywords" content="Lo script crea un effetto "terremoto" quando si passa sopra ad un'immagine." />
	<meta name="Owner" content="HTML.it srl" /> 
	<meta name="Author" content="HTML.it srl" />  
	<meta name="Copyright" content="HTML.it srl" />
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript">
var rector=3
var stopit=0
var a=1
function init(which){
	stopit=0
	shake=which
	shake.style.left=0
	shake.style.top=0
}
function rattleimage(){
	if ((!document.all&&!document.getElementById)||stopit==1)
		return
	if (a==1){
		shake.style.top=parseInt(shake.style.top)+rector
	}
	else if (a==2){
		shake.style.left=parseInt(shake.style.left)+rector
	}
	else if (a==3){
		shake.style.top=parseInt(shake.style.top)-rector
	}
	else{
		shake.style.left=parseInt(shake.style.left)-rector
	}
	if (a<4)
		a++
	else
		a=1
	setTimeout("rattleimage()",50)
}
function stoprattle(which){
	stopit=1
	which.style.left=0
	which.style.top=0
}
</script>
</head>
<body>



<div align="center">
[img]01.gif[/img]
</div>







	<div align="center">
[img]logo_htmlit.gif[/img]
	</div>
</body>
</html>
Spero che qualcuno riesca a darmi una mano...
Grazie mille!!!