Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Fadein Fadeout

  1. #1
    Utente di HTML.it L'avatar di Psyko83
    Registrato dal
    Mar 2006
    Messaggi
    424

    Fadein Fadeout

    Salve a tutti, sono alla ricerca di uno script che mi lanci un messaggio e poi in dissolvenza scompaia.
    Ho trovato questo script molto semplice e leggero (almeno penso!) ma fa il contrario di ciò che serva a me
    Siccome non ne capisco nulla di JS, potreste aiutarmi nell'invertirlo? A me servirebbe che da invisibbile, compaia e dopo un tot di secondi scompaia.
    Di seguito vi allego lo script:
    fade.js
    codice:
    // JavaScript Document
    function opacity(id, opacStart, opacEnd, millisec) {
    	//speed for each frame
    	var speed = Math.round(millisec / 100);
    	var timer = 0;
    
    	//determine the direction for the blending, if start and end are the same nothing happens
    	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++;
    		}
    	}
    }
    
    //change the opacity for different browsers
    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 + ")";
    }
    
    function shiftOpacity(id, millisec) {
    	//if an element is invisible, make it visible, else make it ivisible
    	if(document.getElementById(id).style.opacity == 0) {
    		opacity(id, 0, 100, millisec);
    	} else {
    		opacity(id, 100, 0, millisec);
    	}
    }
    
    function currentOpac(id, opacEnd, millisec) {
    	//standard opacity is 100
    	var currentOpac = 100;
    	
    	//if the element has an opacity set, get it
    	if(document.getElementById(id).style.opacity < 100) {
    		currentOpac = document.getElementById(id).style.opacity * 100;
    	}
    
    	//call for the function that changes the opacity
    	opacity(id, currentOpac, opacEnd, millisec)
    }
    index.htm
    codice:
    	<div id="effetto">sdhfjksdhflhaghsjkghahghgshdflhgsdfhgl</div>
    	show/hide

  2. #2
    Utente di HTML.it L'avatar di Psyko83
    Registrato dal
    Mar 2006
    Messaggi
    424
    Nessuno ha mai usato un fade in o un fade out?
    O magari sappia aiutarmi nell'invertire lo script che ho trovato io?

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.