Comunidad de diseño web y desarrollo en internet online

Carga de imágenes siempre centrado

Citar            
MensajeEscrito el 07 Jul 2007 05:48 pm
Hasta ahora siempre que he hecho alguna galería he colocado las miniaturas y al pinchar, las fotos grandes cargaban mediante un clip vacio ( contenedor ) de modo que carga su posición en la esquina superior izquierda.

El problema está en que a veces las fotos no siempre tienen anchura, por lo que el punto de carga es el mismo y queda el espacio blanco a la derecha. La solución de coger la foto, editarla y ponerle una fondo blanco me sirve cuando son pocas fotos, pero con muchas esto es poco práctico.

No sé si mediante una condicional, o una funcion, decirle que cargue la foto ( las fotos están en un /directorio ) siempre centrada, que no use siempre el mismo punto porque todas irán a cargar desde esa posición


Un saludo
--

Por Aitcar

Claber

145 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 07 Jul 2007 11:26 pm
pues tras cargarlas reubicalas :)...

Veamos, cargas en un container :P...

si las cargas con la clase MovieClipLoader, esta te puede decir cuando ya termino de cargarse :P (también con loadMovie??? no recuerdo) al terminar de cargarse arroja un evento, en este evento puedes poner el código para centrarla

Código :

container._x=(anchoDelArea>>1)-(container._width>>1);
container._y=(altoDelArea>>1)-(container._height>>1);


:P... hope this help you ;)

Por El_Beto_TM

156 de clabLevel

1 tutorial

Genero:Masculino  

Mexicali, Baja California

firefox
Citar            
MensajeEscrito el 08 Jul 2007 04:30 pm
A ver encontré este código que os pondré a continuación, me puede servir.
Si lo probáis, con fotos de distintas proporciones, veréis que si la foto no llega en anchura lo que hace es distorsinarla.
Lo que quiero es que no la distorsiones y la ubiique justo en el centro.

Código :

// Declaras un objeto del tipo MovieClipLoader, 
// De esta forma podrás usar eventos y métodos para controlar las descargas
var miCargador:MovieClipLoader = new MovieClipLoader();

// Declaras un objeto del tipo Object
// Este objeto se encargará de "escuchar" los eventos que sucedan al descargar una película o imagen
var miMonitor:Object = new Object();

// Declaras el primer evento onLoadStart
// Este evento se difunde cuando se inicia la descarga de un SWF o una imagen
// Los eventos son asignados al objeto que "escucha"
miMonitor.onLoadStart = function(){
    Loading_mc._visible = true;
    Loading_mc.gotoAndStop(1);
    Loading_mc.Porciento_txt.text = "cargando... ";
     trace("Ha comenzado la descarga del archivo");
}

// Declaras el evento onLoadProgress
// Este evento se difunde constantemente mientras se esta descargando el archivo
// Devuelve 3 valores, un movie clip, los bytes cargados y el total de bytes del archivo invocado
miMonitor.onLoadProgress = function(clip:MovieClip, cargados:Number, total:Number){
   //En base a los datos recibidos es posible sacar el porcentaje de descarga del archivo
   // La case Math con su función round, redondea el resultado, esto para evitar valores decimales
     var porciento:Number = Math.round((cargados*100)/total);
    Loading_mc.gotoAndStop(porciento);
    Loading_mc.Porciento_txt.text = "cargando... " + porciento + "%";
     trace(porciento+"% cargados"); 
}

// Declaras el evento onLoadComplete
// Este evento se difunde una vez que la descarga se ha completado y esta lista para inicializarse el recurso
miMonitor.onLoadComplete = function(){
   trace("Se ha terminado la descarga");
   //Loading_mc._visible = false;
}

// Declaras el evento onLoadInit
// Este evento se difunde cuando se termino la descarga y se inicializa en la película
// Si requieres hacer cambios al objeto como lo es redimensionarlo, 
// aplicarle un efecto o algo así, te sugiero lo hagas en este evento
miMonitor.onLoadInit = function(){
   // Redimensionas el objeto
   Foto_mc._width = 446;
   Foto_mc._height = 328;
   trace("Objeto inicializado");
}

// Declaras el evento onLoadError
// Este evento se difunde cuando se generó un error al descargar la película o imagen.
// Devuelve una cadena con el error que se produjo
miMonitor.onLoadError = function(strError:String){
   trace("Ocurrio un error: " + strError);
}

// Asignas el objeto "oyente" al objeto MovieClipLoader
miCargador.addListener(miMonitor);

// Asignas acciones al botón cuando liberen el mouse
Cargar_btn.onRelease = function(){
   // Mediante la instrucción loadClip del objeto MovieClipLoader
   // mandas cargar el recurso externo.
   // Como primer parámetro es la dirección y nombre del archivo y 
   // el segundo parámetro es la instancia de movie clip donde vas a cargarlo
   miCargador.loadClip("3.jpg",Foto_mc);
}



Un saludo

Por Aitcar

Claber

145 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 08 Jul 2007 04:51 pm
OK, ta lo tengo, la solucion era buena Beto, gracias --

Por Aitcar

Claber

145 de clabLevel



Genero:Masculino  

msie

 

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