logoExtra: script.transiciones

Descripción: Inicialización básica para transiciones y descripción del "fundido".


A continuación mostramos los apuntes asociados a este extra:

Transiciones: El Objeto
Vamos a definir un objeto con todas las características que necesitamos para las transiciones.
// Descripción para sindicación:
/*
    [rss]Inicialización básica para transiciones y descripción del "fundido".[/rss]
*/
//<![CDATA[
function objetoTransiciones(l, f, an, al, c, v, b)    {
    this._lapsus_ = l;// milisegundos de la transición
    this._fotogramas_ = f;// número de fotogramas por _lapsus_
    this._escala_ = l / f;
    this._tiempos_ = [];
    this._acciones_ = [];
    this._ancho_ = an;// anchura de la zona de transición
    this._alto_ = al;// altura de la zona de transición
    this._capas_ = c;// array con el id de las capas afectadas
    this._visible_ = v;// primera capa visible al inicio. Se actualizará en cada transición...
    this._base_ = b;// contenedor de las capas
    _resguardamos = tag(this._visible_).cloneNode(true);
    tag(this._visible_).parentNode.removeChild(tag(this._visible_))
    tag(this._base_).appendChild(_resguardamos);
    this.id_temp = "objetoTransiciones_" + Math.random() * 1000;
    capa_temp = document.createElement("div");
    capa_temp.style.position = "absolute";
    capa_temp.id = this.id_temp;
    tag(this._base_).appendChild(capa_temp);

    this._limpiar_ = function()    {
        while (tag(this.id_temp).hasChildNodes())
            tag(this.id_temp).removeChild(tag(this.id_temp).firstChild);
    }

    this.asignaciones = function(x)    {
        _resguardar = tag(this._visible_).cloneNode(true);
        tag(this._visible_).parentNode.removeChild(tag(this._visible_));
        tag(this._base_).appendChild(_resguardar);

        _resguardar = tag(x).cloneNode(true);
        tag(x).parentNode.removeChild(tag(x));
        tag(this._base_).appendChild(_resguardar);

        //alert(x);
    }
}

objetoTransiciones.prototype.fundido = function(x)    {
    this._limpiar_()
    if (x == this._visible_)    {
        return;
    }
    else    {
        this.asignaciones(x);
        this._visible_ = x;
        tag(x).style.opacity = "0";
        tag(x).style.top = "0";
        tag(x).style.left = "0";

        for (i = 0; i <= this._lapsus_; i += this._escala_)
            setTimeout("tag('" + x + "').style.opacity = " + (i / this._lapsus_), (i / this._lapsus_) * this._lapsus_);
    }
}
//]]>

Este código ha sido leído en 45 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.script.transiciones) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 | Otros enlaces: buscador