-
Dailypain
.User deleted
Forum di prova script QUI
Questo script permette di far vibrare le immagini al passaggio del mouse e lo si può utilizzare con qualsiasi immagine vogliate rendendo la grafica del vostro sito più accattivante e dando risalto alla o alle immagini stesse.
Il codice va inserito in cima alla pagina del forum:
Gestione codici HTML > Codice HTML che verrà visualizzato in ogni pagina in cima al sitoCODICE<script type="text/javascript">
var intensita = 8;
var scosse = 25;
var tempo = 1;
var immagini = new Array();
var accensioni = new Array();
var progressi = new Array();
var timers = new Array();
function aggiungi(img){
var length = immagini.length;
img.style.position="relative";
immagini[length] = img;
accensioni[length] = false;
progressi[length] = 0;
img.onmouseover = function(){
if(accensioni[length]== false){
timers[length] = setInterval("muovi("+length+")",tempo);
}
}
}
function muovi(img){
if(progressi[img]>scosse){
accensioni[img] = false;
clearInterval(timers[img]);
timers[img] = null;
immagini[img].style.left = 0;
immagini[img].style.top = 0;
progressi[img] = 0;
return;
}else{
accensioni[img] = true;
}
progressi[img]++;
var style = immagini[img].style;
//prelevato da html.blogfree.net
var random = Math.random()*intensita;
if(random <=(intensita/2)-1){
random = -random;
}
style.left = Math.floor(random);
random = Math.random()*intensita;
if(random <=(intensita/2)-1){
random = -random;
}
style.top = Math.floor(random);
}
</script>
Nello script sopra potete modificare solo la prima parte dove leggete l'intensità, le scosse e il tempo ossia quanto intercorrerà tra una vibrazione e l'altraCODICEvar intensita = 8;
var scosse = 25;
var tempo = 1;
Una volta posizionato il codice in cima al forum, è la prima cosa che dovete fare, scegliete l'immagine che volete far vibrare al passaggio del mouse ed inseritela solo con questo codice:
CODICE<img src="http:// link diretto all'immagine" onload="aggiungi(this);">
esempio pratico:CODICE<img src="http://i27.tinypic.com/30clu3d.jpg" onload="aggiungi(this);">
non con il tradizionale codice che siete soliti/e utilizzare, ossia questo:CODICE<img src="http://indirizzoimmagine.it/immagine.jpg">
esempio pratico:CODICE<img src="http://i27.tinypic.com/30clu3d.jpg">
utilizzate quello sopra completo della dicitura onload="aggiungi(this);">
Dove dovete mettere il codice dell'immagine?
Dove volete, basta che, ripeto, sia utilizzato il codice sopra!
Potete anche far vibrare un'immagine che avete già presente nella bacheca del vostro forum, l'importante è che si faccia la modifica, quindi:
CODICE<img src="http://indirizzoimmagine.it/immagine.jpg">
questo codice va cambiato con:CODICE<img src="http:// link diretto all'immagine" onload="aggiungi(this);">
CREDIT:
.
Vibrazione dell'immagine al passaggio del mousecompatibile con Firefox e Internet Explorer |
