Comunidad de diseño web y desarrollo en internet online

Ayuda con galeria de fotos

Citar            
MensajeEscrito el 30 Abr 2009 04:32 pm
Buen dia a todos. Les escribo por segunda vez. La anterior no recibi respuestas y en estas quiero ser mas especifico para ver si alguien podria ayudarme.
Como dije la anterior vez, soy fotografo y estoy armando mi pagina. Me resulta muy facil diseñar pero muy dificil aplicarlo en flash. Entiendo algo apenas y a los golpes... Pude hacerlo y tengo funcionando la pagina entera pero me gustaria darle un toque final para que quede como me guste. Tengo la galeria de fotos armada, funciona con botones seguir y volver, el drama es que no tengo indicador de carga entre foto y foto ni tampoco transicion alguna. Eso necesito agregarle: indicador de carga de foto y transicion de entrada y salida.
Si alguien pudiera darme una mano se los agradeceria mucho. Pongo el codigo que tengo funcionando (no lo hice yo, lo modifique y adapte de otro codigo)

Muchas 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 showPrevious() {
   depth++;
   clone = cage.attachMovie("imagemc", "imagemc"+depth, depth);
   cage["imagemc"+(depth-10)].removeMovieClip();
   curimg--;
   if (curimg<0) {
      curimg = images.length-1;
   }
   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);
}
function stopAutoPlay() {
   clearInterval(autoID);
   autoplaymc.gotoAndStop(1);
}
images = [];
images[0] = "eventos_imgs/img01.jpg";
images[1] = "eventos_imgs/img02.jpg";
images[2] = "eventos_imgs/img03.jpg";
images[3] = "eventos_imgs/img04.jpg";
images[4] = "eventos_imgs/img05.jpg";
images[5] = "eventos_imgs/img06.jpg";
images[6] = "eventos_imgs/img07.jpg",
images[7] = "eventos_imgs/img08.jpg",
images[8] = "eventos_imgs/img09.jpg",
images[9] = "eventos_imgs/img10.jpg",
images[10] = "eventos_imgs/img11.jpg",
autoPlay();

Por Alito

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 May 2009 12:51 pm
Si utilizas movieclipLoader con una función genérica para cargar tus imágenes es sencillo de implementar lo que deseas.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 03 May 2009 05:55 pm
Muchas gracias elchininet. Ahora voy a ver lo que me pusiste como enlace y a probarlo.

Sobre como hacer una transicion entre foto y foto se le ocurre algo a alguien? Una cosa sencilla al menos, alpha 0 a 100 de entrada y 100 a 0 de salida. Con eso me bastaria!

Gracias

Por Alito

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 May 2009 09:58 pm
Lo que debes hacer es situar la imagen cargada encima de la que ya está leida, cuando la insertes el alpha debe ser 0, lo aumentas hasta 100 y cuando llegue a este valor eliminas la imagen que ha quedado abajo. En principio es esto, intenta hacer algo de código y si no lo logras postea el código que hayas hecho y de seguro alguien te ayudará.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

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