Como puedo crear un POPUP de cada imagen para ampliarla y que el POPUP corresponda a la foto cargada en el Movie Clip creado dinamicamente???
La parte donde crea y cargas las fotos es esta:
Cita:
Yo tengo las fotos en una carpeta, y se cargan dinamicamente aca.Pero no se como hacer un POPUP, de la imagen vista en este MC, pero con mas tamaño...this.createEmptyMovieClip("contenedor",this.getNex tHighestDepth());
var foto_mc:MovieClip = contenedor.createEmptyMovieClip("contenedorfoto", this.getNextHighestDepth());
foto_mc.loadMovie("http://www.forosdelweb.com/images/" + imagen);
this.onEnterFrame = function() {
if (foto_mc.getBytesLoaded() != 0 && foto_mc.getBytesLoaded() == foto_mc.getBytesTotal()) {
foto_mc._x = 9;
foto_mc._y = 22;
foto_mc._height = 150;
foto_mc._width = 230;
delete this.onEnterFrame;
trace("fin");
}
};
var foto_mc:MovieClip = contenedor.createEmptyMovieClip("contenedorfoto", this.getNextHighestDepth());
foto_mc.loadMovie("http://www.forosdelweb.com/images/" + imagen);
this.onEnterFrame = function() {
if (foto_mc.getBytesLoaded() != 0 && foto_mc.getBytesLoaded() == foto_mc.getBytesTotal()) {
foto_mc._x = 9;
foto_mc._y = 22;
foto_mc._height = 150;
foto_mc._width = 230;
delete this.onEnterFrame;
trace("fin");
}
};
Gracias...
El script entero es este:
Cita:
//Permite caracteres tradicionales como letras con tilde la ñ, etc.
System.useCodepage = true;
//Se declara la variable indice de tipo número (utilizada para referencia la noticia a mostrar)
var indice:Number;
//Se declara la variable noticias_xml de tipo XML (utilizada para almacenar el documento xml)
var noticias_xml:XML;
/*
Funcion cargarDatos (utilizada para cargar y cambiar las noticias en el documento)
Esta función recibe un parámetro "_indice" que corresponde al elemento noticia a mostrar
*/
function cargarDatos(_indice:Number){
//Se inicializan variables utilizadas para almacenar los datos de una noticia
var fecha:String;
var titulo:String;
var mensaje:String;
var imagen:String;
//Abel: Este codigo agrega la variable para el codigo de identificacion en el sistema de adopciones...
//var codigo_identificacion:String;
//Recuperando datos del objeto xml
//Se accede al primer elemento [noticia] y se recupera la fecha desde el atributo [fecha]
fecha = noticias_xml.firstChild.childNodes[_indice].attributes.fecha;
//Se accede al primer hijo de elemento [noticia] y se recupera al valor del primer elemento de [titulo]
titulo = noticias_xml.firstChild.childNodes[_indice].firstChild.firstChild.nodeValue;
//Se accede al segundo hijo de elemento [noticia] y se recupera el valor del primer elemento de [mensaje]
mensaje = noticias_xml.firstChild.childNodes[_indice].firstChild.nextSibling.firstChild.nodeValue
//Se accede al último hijo de elemento [noticia] y se recupera el valor del primer elemento de [imagen]
imagen = noticias_xml.firstChild.childNodes[_indice].lastChild.firstChild.nodeValue
//Abel: Este codigo es un agregado en el .xml para poner codigo de identificacion...
//codigo_identificacion = noticias_xml.firstChild.childNodes[_indice].lastChild.firstChild.nodeValue
//Mostrando los datos recuperados en el cuado de texto mensaje_txt y cargando la imagen en pantalla_mc
_root.mensaje_txt.htmlText = "";
_root.mensaje_txt.htmlText += "<p align='center'><font color='#006633' size='18'><b>" + titulo + "</b></font></p>";
_root.mensaje_txt.htmlText += "<p><font size='14'><b>" + mensaje + "</b></font>";
_root.mensaje_txt.htmlText += "<font color='#666666' size='10'>Date: " + fecha + "</font></p>";
this.createEmptyMovieClip("contenedor",this.getNex tHighestDepth());
var foto_mc:MovieClip = contenedor.createEmptyMovieClip("contenedorfoto", this.getNextHighestDepth());
foto_mc.loadMovie("http://www.forosdelweb.com/images/" + imagen);
this.onEnterFrame = function() {
if (foto_mc.getBytesLoaded() != 0 && foto_mc.getBytesLoaded() == foto_mc.getBytesTotal()) {
foto_mc._x = 9;
foto_mc._y = 22;
foto_mc._height = 150;
foto_mc._width = 230;
delete this.onEnterFrame;
trace("fin");
}
};
}
//Función que permite avanzar a la [noticia] siguiente almacenada en el objeto xml
siguiente_btn.onPress = function(){
//comprobando si existe el siguiente elemento [noticia]
if(noticias_xml.firstChild.childNodes[indice+1] != null){//retringue a avanzar solo si hay una [noticia] siguiente
indice++; //incrementado en uno el indice
cargarDatos(indice); //recuprando y mostrando los datos y la imagen en la pantalla
}
}
//Función que permite retroceder a la noticia anterior almacenada en el objeto xml
anterior_btn.onPress = function(){
//comprobando si existe una elemento [noticia] anterior
if(noticias_xml.firstChild.childNodes[indice-1] != null){//retringue a avanzar solo si hay una [noticia] anterior
indice--; //reducciendo en uno el indice
cargarDatos(indice); //recuprando y mostrando los datos y la imagen en la pantalla
}
}
//Inicializaciones
indice=0; //inicializando indice en 0 para mostrar la primera noticia
//creando el objeto noticias_xml de typo XML
noticias_xml = new XML();
//Permite que el objeto XML ignore los espacios en blanco entre marca y marca del documento XML
noticias_xml.ignoreWhite = true;
//El método load() permite cargar el documento xml "noticias.xml"
noticias_xml.load("lastworks.xml");
//El evento onLoad se activa cuado se haya cargado el documento noticias.xml
noticias_xml.onLoad = function(){
//Se llama a la funcion cragarDatos para mostar la primera noticia (esto por la variable indice en 0)
cargarDatos(indice);
}
System.useCodepage = true;
//Se declara la variable indice de tipo número (utilizada para referencia la noticia a mostrar)
var indice:Number;
//Se declara la variable noticias_xml de tipo XML (utilizada para almacenar el documento xml)
var noticias_xml:XML;
/*
Funcion cargarDatos (utilizada para cargar y cambiar las noticias en el documento)
Esta función recibe un parámetro "_indice" que corresponde al elemento noticia a mostrar
*/
function cargarDatos(_indice:Number){
//Se inicializan variables utilizadas para almacenar los datos de una noticia
var fecha:String;
var titulo:String;
var mensaje:String;
var imagen:String;
//Abel: Este codigo agrega la variable para el codigo de identificacion en el sistema de adopciones...
//var codigo_identificacion:String;
//Recuperando datos del objeto xml
//Se accede al primer elemento [noticia] y se recupera la fecha desde el atributo [fecha]
fecha = noticias_xml.firstChild.childNodes[_indice].attributes.fecha;
//Se accede al primer hijo de elemento [noticia] y se recupera al valor del primer elemento de [titulo]
titulo = noticias_xml.firstChild.childNodes[_indice].firstChild.firstChild.nodeValue;
//Se accede al segundo hijo de elemento [noticia] y se recupera el valor del primer elemento de [mensaje]
mensaje = noticias_xml.firstChild.childNodes[_indice].firstChild.nextSibling.firstChild.nodeValue
//Se accede al último hijo de elemento [noticia] y se recupera el valor del primer elemento de [imagen]
imagen = noticias_xml.firstChild.childNodes[_indice].lastChild.firstChild.nodeValue
//Abel: Este codigo es un agregado en el .xml para poner codigo de identificacion...
//codigo_identificacion = noticias_xml.firstChild.childNodes[_indice].lastChild.firstChild.nodeValue
//Mostrando los datos recuperados en el cuado de texto mensaje_txt y cargando la imagen en pantalla_mc
_root.mensaje_txt.htmlText = "";
_root.mensaje_txt.htmlText += "<p align='center'><font color='#006633' size='18'><b>" + titulo + "</b></font></p>";
_root.mensaje_txt.htmlText += "<p><font size='14'><b>" + mensaje + "</b></font>";
_root.mensaje_txt.htmlText += "<font color='#666666' size='10'>Date: " + fecha + "</font></p>";
this.createEmptyMovieClip("contenedor",this.getNex tHighestDepth());
var foto_mc:MovieClip = contenedor.createEmptyMovieClip("contenedorfoto", this.getNextHighestDepth());
foto_mc.loadMovie("http://www.forosdelweb.com/images/" + imagen);
this.onEnterFrame = function() {
if (foto_mc.getBytesLoaded() != 0 && foto_mc.getBytesLoaded() == foto_mc.getBytesTotal()) {
foto_mc._x = 9;
foto_mc._y = 22;
foto_mc._height = 150;
foto_mc._width = 230;
delete this.onEnterFrame;
trace("fin");
}
};
}
//Función que permite avanzar a la [noticia] siguiente almacenada en el objeto xml
siguiente_btn.onPress = function(){
//comprobando si existe el siguiente elemento [noticia]
if(noticias_xml.firstChild.childNodes[indice+1] != null){//retringue a avanzar solo si hay una [noticia] siguiente
indice++; //incrementado en uno el indice
cargarDatos(indice); //recuprando y mostrando los datos y la imagen en la pantalla
}
}
//Función que permite retroceder a la noticia anterior almacenada en el objeto xml
anterior_btn.onPress = function(){
//comprobando si existe una elemento [noticia] anterior
if(noticias_xml.firstChild.childNodes[indice-1] != null){//retringue a avanzar solo si hay una [noticia] anterior
indice--; //reducciendo en uno el indice
cargarDatos(indice); //recuprando y mostrando los datos y la imagen en la pantalla
}
}
//Inicializaciones
indice=0; //inicializando indice en 0 para mostrar la primera noticia
//creando el objeto noticias_xml de typo XML
noticias_xml = new XML();
//Permite que el objeto XML ignore los espacios en blanco entre marca y marca del documento XML
noticias_xml.ignoreWhite = true;
//El método load() permite cargar el documento xml "noticias.xml"
noticias_xml.load("lastworks.xml");
//El evento onLoad se activa cuado se haya cargado el documento noticias.xml
noticias_xml.onLoad = function(){
//Se llama a la funcion cragarDatos para mostar la primera noticia (esto por la variable indice en 0)
cargarDatos(indice);
}