Comunidad de diseño web y desarrollo en internet online

Desvanecimiento entre imagenes cargadas externamente

Citar            
MensajeEscrito el 08 Ene 2009 12:41 pm
Tengo este código para hacer una galeria donde vayan pasando las imágenes 1 a 1 automáticamente. Como puedo darles un efecto de desvanecimiento co alpha para que la transcisión entre ellas sea más fina?

Gracias

Código :

function showNext() {
   depth++;
   clone = cage.attachMovie("imagemc", "imagemc"+depth, depth);
   cage["imagemc"+(depth-10)].removeMovieClip();
   curimg++;
   if (curimg>images.length-1) {
      curimg = 0;
   }
   preload(images[curimg], clone);
   trace("curimg = "+curimg);
}
function preload(file, clip) {
   loadMovie(path+file, clip.cage);
   clip.onEnterFrame = function() {
      tkb = this.cage.getBytesTotal();
      lkb = this.cage.getBytesLoaded();
      p = Math.round(lkb/tkb*100);
      if (isNaN(p)) {
         p = 0;
      }
      if (p>0) {
         percentage = p;
      }
      if (lkb == tkb && p>99) {
         percentage = "";
         this.maskmc.dotween();
         if (autoplaymc._currentframe == 2) {
            clearInterval(autoID);
            autoID = setInterval(showNext, delay);
         }
         delete this["onEnterFrame"];
      }
   };
}
function autoPlay() {
   autoID = setInterval(showNext, delay);
   showNext();
   autoplaymc.gotoAndStop(2);
}

images = [];
images[0] = "serveis/img1.jpg";
images[1] = "serveis/img2.jpg";
images[2] = "serveis/img3.jpg";
images[3] = "serveis/img4.jpg";
images[4] = "serveis/img5.jpg";
images[5] = "serveis/img6.jpg";
images[6] = "serveis/img7.jpg";*/
curimg = -1;
depth = 100;
delay = 5000;
autoPlay();

Por damibjrs

53 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Ene 2009 06:35 pm
Solo he dado un vistazo rápido, y sin abrir Flash me puedo dar una idea de que hacer.... ¿pero has probado con añadir un tween de _alpha dentro de tu función showNext();?, por ejemplo:

Código ActionScript :

import mx.transitions.Tween;
import mx.transitions.easing.*;
//
var miTween:Tween = new Tween(miClip, "_alpha", Strong.easeInOut, 100, 0, 1, true);
Luego puedes asegurarte que la imagen no sea eliminada hasta no haberse desvanecido con onMotionFinished, por ejemplo:

Código ActionScript :

myTween.onMotionFinished = function() {
   cage["imagemc"+(depth-10)].removeMovieClip();
};
Aunque igual me parece que estas utilizando una librería externa, por lo que puedes reemplazar el uso de la clase Tween.

Saludos!

Por M@U

BOFH

6210 de clabLevel

34 tutoriales
5 articulos

Genero:Masculino   Héroes Bastard Operators From Hell Editores

Bate jubilado de Cristalab

firefox
Citar            
MensajeEscrito el 09 Ene 2009 07:52 am
Gracias M@U,

He introducio el código dentro de shownext () pero me da errores de sintaxis, he probado ha canviar parentesis y corchetes pero sigue igual, por lo que deduzco que o no va alli o hay algun elemento que nos falta.

Por damibjrs

53 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.