Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    Img che entra in dissolvenza

    Ciao a tutti sono impazzita su internet ma non trovo nessuno script che fa al caso mio...
    ho un immagine all'interno di una mia pagina web che al caricamento della pagina dovrebbe apparire in dissolvenza.
    Per spiegarmi meglio da trasparente diventa completamente opaca.
    Ma non trovo nessuno javascript che fa quello che voglio fare io...
    Aiuti?
    grazie mille!
    Miriam

  2. #2
    codice:
    [img]immagine.jpg[/img]
    
    // Cambio Opacità
    function opacity(id, opacStart, opacEnd, sec) {
    	//calcolo la velocità di aggiornamento
    	var speed = Math.round(sec*10);
    	var timer = 0;
    	//determino la direzione del cambio
    	if(opacStart > opacEnd) {
    		for(i = opacStart; i >= opacEnd; i--) {
    					setTimeout("changeOpac("+i+",'"+id+"')",(timer*speed));
    					timer++;}
    	} else if(opacStart < opacEnd) {
    		for(i = opacStart; i <= opacEnd; i++){
    						setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
    						timer++;}
    	}
    }
    //cambio dei parametri di opacità per i diversi browser
    function changeOpac(opacity, id) {
    	var object = document.getElementById(id).style; 
    	object.opacity = (opacity / 100);
    	object.MozOpacity = (opacity / 100);
    	object.KhtmlOpacity = (opacity / 100);
    	object.filter = "alpha(opacity=" + opacity + ")";
    }
    // fai partire all'onload
    window.onload=opacity('tuoid',0,100,2);
    cmq un esempio lo trovi qui

    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    265

    Woooow!

    Graaande grazie mille!!!!!!!!!
    Lo provo subito^^
    Grazie ancora!!!
    Miriam

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.