Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107

    trovare un comando in questo codice

    salve a tutti!

    questo codice in pratica gestisce delle transizioni a dissolvenza fra vari elementi.

    Solo che mi sposta tutto a destra gli elementi. Vorrei capire dove è che va a spostare l'elemento da visualizzare (o magari cambia solo un absolute in relative)

    Riuscite a capire quantomeno dove va ad agire sul posizionamento?

    codice:
    /* This script and many more are available free online at
    The JavaScript Source!! http://javascript.internet.com
    Created by: Timothy Groves | http://www.brandspankingnew.net/ */
    var useBSNns;
    
    if (useBSNns) {
    	 if (typeof(bsn) == "undefined")
    		  bsn = {}
    	   var _bsn = bsn;
    } else {
    	  var _bsn = this;
    }
    
    _bsn.Crossfader = function (divs, fadetime, delay ) {	
    	 this.nAct = -1;
    	 this.aDivs = divs;
    	
    	 for (var i=0;i<divs.length;i++) {
    	   document.getElementById(divs[i]).style.opacity = 0;
       	document.getElementById(divs[i]).style.position = "absolute";
    	   document.getElementById(divs[i]).style.filter = "alpha(opacity=0)";
     	  document.getElementById(divs[i]).style.visibility = "hidden";
    	 }
    	
    	 this.nDur = fadetime;
      this.nDelay = delay;
      this._newfade();
    }
    
    _bsn.Crossfader.prototype._newfade = function() {
      if (this.nID1)
        clearInterval(this.nID1);
    	   this.nOldAct = this.nAct;
        this.nAct++;
    
     	if (!this.aDivs[this.nAct])	this.nAct = 0;
    
     	if (this.nAct == this.nOldAct)
        return false;
    
      document.getElementById( this.aDivs[this.nAct] ).style.visibility = "visible";
      this.nInt = 50;
      this.nTime = 0;
      var p=this;
      this.nID2 = setInterval(function() { p._fade() }, this.nInt);
    }
    
    _bsn.Crossfader.prototype._fade = function() {
      this.nTime += this.nInt;
     	var ieop = Math.round( this._easeInOut(this.nTime, 0, 1, this.nDur) * 100 );
     	var op = ieop / 100;
     	document.getElementById( this.aDivs[this.nAct] ).style.opacity = op;
     	document.getElementById( this.aDivs[this.nAct] ).style.filter = "alpha(opacity="+ieop+")";
    
      if (this.nOldAct > -1) {
        document.getElementById( this.aDivs[this.nOldAct] ).style.opacity = 1 - op;
      		document.getElementById( this.aDivs[this.nOldAct] ).style.filter = "alpha(opacity="+(100 - ieop)+")";
    	 }
    	
    	 if (this.nTime == this.nDur) {
    		  clearInterval( this.nID2 );
    		
      if (this.nOldAct > -1)
    	   document.getElementById( this.aDivs[this.nOldAct] ).style.visibility = "hidden";	
        var p=this;
        this.nID1 = setInterval(function() { p._newfade() }, this.nDelay);
      }
    }
    
    _bsn.Crossfader.prototype._easeInOut = function(t,b,c,d) {
      return c/2 * (1 - Math.cos(Math.PI*t/d)) + b;
    }
    Guybrush Threepwood

  2. #2
    Utente di HTML.it L'avatar di Threepwood
    Registrato dal
    Feb 2003
    Messaggi
    2,107
    ore che lo cerco epoi è sotto gli occhi...
    document.getElementById(divs[i]).style.position = "absolute";

    invecchio....
    Guybrush Threepwood

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.