Comunidad de diseño web y desarrollo en internet online

ayuda con slide show

Citar            
MensajeEscrito el 09 May 2009 12:20 pm
Hola a todos!

Quiciera que me ayudaran si no es mucha molestia!

Estoy haciendo un slide show que carga las imagenes de un archivo xml, y todo funciona muy bien, el tamaño del stage es de 800 x 600 pero si cargo una imagen que es de 414 x 600 no me sale centrada, me sale pegada a la esquina superior isquierda del stage, que puedo hacer para que me salgan centradas en el estage?

tengo que hacerlas todas de 800 x 600?

Lo que hago con las imagenes es que las escalo para que se ajusten ya sea a lo alto o a lo ancho del stage de forma proporcional. (esto en photoshop)

aqui les pego el codigo AS2:

//---- slideshow ----//
function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {

image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;

}
firstImage();

} else {

content = "file not loaded!";

}

}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {

if (Key.getCode() == Key.LEFT) {

prevImage();

} else if (Key.getCode() == Key.RIGHT) {

nextImage();

}

};
Key.addListener(listen);
previous_btn.onRelease = function() {

prevImage();

};
next_btn.onRelease = function() {

nextImage();

};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {

preloader.preload_bar._xscale = 100*loaded/filesize;

} else {

preloader._visible = false;
if (picture._alpha<100) {

picture._alpha += 10;

}

}

};
function nextImage() {

if (p<(total-1)) {

p++;
if (loaded == filesize) {

picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();

}

}

}
function prevImage() {

if (p>0) {

p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();

}

}
function firstImage() {

if (loaded == filesize) {

picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();

}

}
function picture_num() {

current_pos = p+1;
pos_txt.text = current_pos+" / "+total;

}


y este es el codigo XML:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>images/image1.jpg</image>
<caption>Kresge</caption>
</pic>
<pic>
<image>images/image2.jpg</image>
<caption>Media Lab</caption>
</pic>
<pic>
<image>images/image3.jpg</image>
<caption>Stata Center</caption>
</pic>
<pic>
<image>images/image4.jpg</image>
<caption>Stata Lobby</caption>
</pic>
<pic>
<image>images/image5.jpg</image>
<caption>Construction</caption>
</pic>
<pic>
<image>images/image6.jpg</image>
<caption>The Dome</caption>
</pic>
<pic>
<image>images/image7.jpg</image>
<caption>Structure</caption>
</pic>
</images>

El tuto del slideshow lo lei aqui: http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm

Por EvR

2 de clabLevel



 

Cancun

firefox
Citar            
MensajeEscrito el 11 May 2009 06:31 pm
Pon tus imágenes a la misma resolución que las que tiene tu ejemplo, dificilmente encontrarás quien te cambie el código para que se adapte a tus necesidades de tamaño, me parece lo más práctico si quieres usar ese template.

Por Monlo

13 de clabLevel



 

msie7
Citar            
MensajeEscrito el 11 May 2009 08:12 pm
Estoy esperando por Freddie hace algunos meses para actualizar el tutorial de Custom Slideshow, la nueva versión que tengo soporta esta función de auto escalado. Por ahora puedes resolver poniendo tus imágenes a 800 x 600 puedes crear una acción de photoshop que haga esta tarea por ti.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 25 Sep 2009 06:36 pm
para centrar la imagen
imagen._x=(Stage.width/2);
imagen._y=(Stage.height/2);

Por SASA2846

3 de clabLevel



 

hace poco

firefox

 

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