Ciao a Tutti,
Ho trovato questo in giro per la rete per fare il fade in delle immagini e devo dire che funzione molto bene:
<script type="text/javascript">
document.write("<style type='text/css'>#contact_img {visibility:hidden;}</style>");
function contact_img() {
imageId = 'contact_img';
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = 'visible';
fadeIn(imageId,0);
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999pacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+") ", 100);
}
}
}
</script><head>
<script type="text/javascript">
window.onload = function() {contact_img()}
</script>
</head>
Ma.... Vedete il problema è che funziona per una sola immagine a cui assegno l'id ma io vorrei poter scegliere a quale immagini dare l'effetto e magari darlo a più immagini nella stessa pagina....come si può fare?
Help please
Mille grazie
Rispondi quotando
