Comunidad de diseño web y desarrollo en internet online

galeria con easing de tamaño

Citar            
MensajeEscrito el 19 Sep 2005 05:34 pm
pues queria hacer una galeria con imagenes y que vaya cambiando al cargarla, con un efecto easing

no se si sabreis de algun con algun tutorial

Por shiryubs

23 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Sep 2005 11:39 am
estoy intentano hacerla, con un tutorial de la web intenta

http://www.webintenta.com/post.asp?url=Redimensionar-con-easing

el codigo es el siguiente consigo hacer un easing e ir cargando las imagenes, pero la funcion cargarimagen, no me carga la primera , me empieza sin cargar la primera y despues descuadra los tamaños


Código :

//creacion del clip que contendra las fotos

foto_mc.createEmptyMovieClip("clip_mc", 899);
 foto_mc.clip_mc._alpha=0;
 foto_mc.clip_mc._x=0;
 foto_mc.clip_mc._y=0;
 foto_mc.clip_mc._xscale = 50;
 foto_mc.clip_mc._yscale =50;
 
 
var FinAncho = foto_mc.clip_mc._width;
var FinAlto = foto_mc.clip_mc._height;
var vel = 4;

 
xmlAlbum = new XML();
xmlAlbum.ignoreWhite = true;
xmlAlbum.onLoad = cargarXML;
xmlAlbum.load("xml/datos.xml");
_global.cont=0;

function cargarXML(cargado) {
   if (cargado) {
      xmlNodo = this.firstChild;
      totalfotos=xmlNodo.childNodes.length;
      cargarImagen();
   }
   else {
      trace("no se ha encontrado el xml");
   }
}// fin funcion carga xml





function decimal(num){
dec=2;
str=string (num);
pos=str.indexOf(".")+1;
str=str.substr(0,pos+dec);
return(str);
}

//Creamos una funcion para cambiar el valor de las variables


//Usamos los botones para establecer ancho y alto.
atras_btn.onRelease = function() {
   if (cont>0){
   cont--;
   cargarImagen();
    Redimensionar(foto_mc.clip_mc._width,foto_mc.clip_mc._height);
   }
};

der_btn.onRelease = function() {
   if (cont<totalfotos-1){
   cont++;
   cargarImagen();
    Redimensionar(foto_mc.clip_mc._width,foto_mc.clip_mc._height);
   }
};



function Redimensionar(w, h) {
   
       FinAncho = w;
      //trace(FinAlto);
        FinAlto = h;
}


foto_mc.onEnterFrame = function() {
        this._width += (FinAncho-this._width)/vel;
        this._height += (FinAlto-this._height)/vel;
};

function cargarImagen(){
   
loadMovie([xmlNodo.childNodes[cont].firstChild.nodeValue], "foto_mc.clip_mc");
 foto_mc.clip_mc.onEnterFrame= function() {
    trace(cont);
    if (foto_mc.clip_mc.getBytesLoaded()>=foto_mc.clip_mc.getBytesTotal()) {
      //trace(decimal(foto_mc.clip_mc.getBytesTotal()/1024));
      foto_mc.clip_mc._alpha = 100;
        // trace("hola " + foto_mc.clip_mc._width);
    }
 }
 
 //trace("sali del bucle");
}// fin funcion cargaimagen


si alguien necesita el fla que me avise para poder enviarselo por correo

un saludo y gracias

Por shiryubs

23 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Jul 2009 10:10 pm
hola, estoy tratando de hacer una galeria de imagenes, la idea es que tenga dos botones, supongamos que las imagenes son A, B, C, D, E, F, G, H, I, etc. Ahora lo que intento hacer es que al ir clickeando uno de los botones me valla mostrando las imagenes: A, B, C, D, .. pero si clickeo el otro boton me las muestra de la sig. muestra D, C, B, A, para atras, uno avanza y el otro retrocede, pero este movimiento con efecto easing. Espero haberme explicado bien, mil gracias a toda la comunidad :)

Por maxi_426

1 de clabLevel



 

msie7

 

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