estoy trabajando en una galeria de imágenes con XML.
Cada una de las imágenes son cargadas con un preloader.
mi idea es mostrar 7 imágenes juntas una al lado de la otra y que vaya cargando, cada una con su preloader, una detrás de la otra hasta llegar a la séptima.
Estuve buscando tutoriales sobre el tema, y lo que he podido encontrar es como cargar una imágen y luego de presionar un boton muestra la segunda.
esté es el código que tengo:
Código :
function cargarXML(cargado) {
if (cargado) {
xmlNodo = this.firstChild;
imagen = [];
descripcion = [];
total = xmlNodo.childNodes.length;
for (i=0; i<total; i++) {
imagen[i] = xmlNodo.childNodes[i].childNodes[0].firstChild.nodeValue;
descripcion[i] = xmlNodo.childNodes[i].childNodes[1].firstChild.nodeValue;
}
CargarPrimeraImagen();
} else {
trace("algo ha fallado");
}
}
xmlAlbum = new XML();
xmlAlbum.ignoreWhite = true;
xmlAlbum.onLoad = cargarXML;
xmlAlbum.load("imagenes.xml");
////PRECARGA///////
//Cada vez que entra en el frame
this.onEnterFrame = function() {
peso =contenedor_mc.getBytesTotal()
cargado = contenedor_mc.getBytesLoaded()
if (cargado != peso ) {
precarga_txt.text = Math.round(cargado*100/peso)+" % cargado";
} else {
if (contenedor_mc._alpha<100) {
contenedor_mc._alpha += 15;
}
}
};
posarray=0
////PRIMERA IMAGEN///////
//generamos la funcion
function CargarPrimeraImagen() {
contenedor_mc._alpha = 0;
contenedor_mc.loadMovie(imagen[0],1);
titulo_txt.text = descripcion[0];
posicion_txt.text = posarray+1+" / "+total;
}
///SIGUIENTE IMAGEN////////
function SiguienteImagen() {
//Si al menos queda una imagen para llegar al total
if (posarray<(total-1)) {
contenedor_mc._alpha = 0;
posarray++;
contenedor_mc.loadMovie(imagen[posarray]);
titulo_txt.text = descripcion[posarray];
posicion_txt.text = posarray+1+" / "+total;
}
}
////ANTERIOR IMAGEN//////
function AnteriorImagen() {
//Si no es la primera imagen
if (posarray>0) {
contenedor_mc._alpha = 0;
posarray--;
contenedor_mc.loadMovie(imagen[posarray]);
titulo_txt.text = descripcion[posarray];
posicion_txt.text = posarray+1+" / "+total;
}
}
////ACCIONES DE LOS BOTONES/////////
this.adelante_btn.onRelease = function(){
SiguienteImagen();
}
this.atras_btn.onRelease = function(){
AnteriorImagen();
}
Alguien me podria ayudar a entender que debería modificar para lograr lo que estoy planenado?
Muchas Gracias.
