Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
estou fazendo uma galeria de imagens carregadas por XML em um site.
achei um arquivo muito bom, perfeito para tudo o que eu preciso!
ele carrega os thumbnails de uma pasta, os organiza no stage, abre a imagem em tamanho natural por cima do stage com um pré-loader, e ao clicar na imagem, ela se fecha. (vou postar o arquivo original para compreenderem melhor)
até aí, está tudo ótimo... mas preciso que ao clicar na imagem em tamanho natural, além de fechar a imagem, abra uma popup com um site que está referenciado no XML, e cada imagem abrirá um link diferente.
vou postar aqui os códigos de AS3 e XML, mas também colocarei para donwload meus arquivos completos, para entender melhor.
XML:
<?xml version="1.0" encoding="utf-8"?>
<GALLERY COLUMNS="9" XPOSITION="0" YPOSITION="8" WIDTH="80" HEIGHT="65">
<IMAGE FULL="full_images/web_alubond.jpg" THUMB="thumbs/web_alubond.jpg" LINK="[http://www.alubond.com.br"/>](http://www.alubond.com.br)
<IMAGE FULL="full_images/web_scattone.jpg" THUMB="thumbs/web_scattone.jpg" LINK="[http://www.scattone.com.br"/>](http://www.scattone.com.br)
<IMAGE FULL="full_images/web_mado.jpg" THUMB="thumbs/web_mado.jpg" LINK="[http://www.mado.com.br"/>](http://www.mado.com.br)
<IMAGE FULL="full_images/web_pronto.jpg" THUMB="thumbs/web_pronto.jpg" LINK="[http://www.prontoconstrutora.com.br"/>](http://www.prontoconstrutora.com.br)
<IMAGE FULL="full_images/web_dinalli.jpg" THUMB="thumbs/web_dinalli.jpg" LINK="[http://www.dinallimalki.com.br"/>](http://www.dinallimalki.com.br)
<IMAGE FULL="full_images/web_midiagrafica.jpg" THUMB="thumbs/web_midiagrafica.jpg" LINK="[http://www.midiagrafica.com.br"/>](http://www.midiagrafica.com.br)
<IMAGE FULL="full_images/web_prodec.jpg" THUMB="thumbs/web_prodec.jpg" LINK="[http://www.prodecnet.com.br"/>](http://www.prodecnet.com.br)
<IMAGE FULL="full_images/web_casadosportoes.jpg" THUMB="thumbs/web_casadosportoes.jpg" LINK="[http://www.casadosportoes.com.br"/>](http://www.casadosportoes.com.br)
<IMAGE FULL="full_images/web_tecnofeal.jpg" THUMB="thumbs/web_tecnofeal.jpg" LINK="[http://www.tecnofeal.com.br"/>](http://www.tecnofeal.com.br)
<IMAGE FULL="full_images/mkt_feal1.jpg" THUMB="thumbs/mkt_feal1.jpg" LINK="[http://www.tecnofeal.com.br"/>](http://www.tecnofeal.com.br)
<IMAGE FULL="full_images/mkt_feal2.jpg" THUMB="thumbs/mkt_feal2.jpg" LINK="[http://www.tecnofeal.com.br"/>](http://www.tecnofeal.com.br)
<IMAGE FULL="full_images/mkt_mado1.jpg" THUMB="thumbs/mkt_mado1.jpg" LINK="[http://www.mado.com.br"/>](http://www.mado.com.br)
<IMAGE FULL="full_images/mkt_mado2.jpg" THUMB="thumbs/mkt_mado2.jpg" LINK="[http://www.mado.com.br"/>](http://www.mado.com.br)
</GALLERY>
AS3:
import fl.controls.ProgressBar;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
var columns:Number;
var my_x:Number;
var my_y:Number;
var my_thumb_width:Number;
var my_thumb_height:Number;
var my_images:XMLList;
var my_total:Number;
var container_mc:MovieClip;
var preloaders_mc:MovieClip;
var full_mc:MovieClip;
var x_counter:Number = 0;
var y_counter:Number = 0;
var my_tweens:Array = [];
var container_mc_tween:Tween;
var full_tween:Tween;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("geral_link.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
function processXML(e:Event):void {
var myXML:XML = new XML(e.target.data);
columns = myXML.@COLUMNS;
my_x = myXML.@XPOSITION;
my_y = myXML.@YPOSITION;
my_thumb_width = myXML.@WIDTH;
my_thumb_height = myXML.@HEIGHT;
my_images = myXML.IMAGE;
my_total = my_images.length();
createContainer();
callThumbs();
myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
myXMLLoader = null;
}
function createContainer():void {
container_mc = new MovieClip();
container_mc.x = my_x;
container_mc.y = my_y;
addChild(container_mc);
container_mc.addEventListener(MouseEvent.CLICK, callFull);
container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);
container_mc.buttonMode = true;
preloaders_mc = new MovieClip();
preloaders_mc.x = container_mc.x;
preloaders_mc.y = container_mc.y;
addChild(preloaders_mc);
}
function callThumbs():void {
for (var i:Number = 0; i < my_total; i++) {
var thumb_url = my_images[i].@THUMB;
var thumb_loader = new Loader();
thumb_loader.load(new URLRequest(thumb_url));
thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
thumb_loader.name = i;
thumb_loader.x = (my_thumb_width-2)*x_counter;
thumb_loader.y = (my_thumb_height+10)*y_counter;
if (x_counter+1 < columns) {
x_counter++;
} else {
x_counter = 0;
y_counter++;
}
var preloader_pb:ProgressBar = new ProgressBar();
preloader_pb.source = thumb_loader.contentLoaderInfo;
preloader_pb.x = thumb_loader.x;
preloader_pb.y = thumb_loader.y;
preloader_pb.width = my_thumb_width;
preloader_pb.height = my_thumb_height;
preloaders_mc.addChild(preloader_pb);
preloader_pb.addEventListener(Event.COMPLETE, donePb);
}
}
function thumbLoaded(e:Event):void {
var my_thumb:Loader = Loader(e.target.loader);
container_mc.addChild(my_thumb);
my_tweens[Number(my_thumb.name)]=new Tween(my_thumb, "alpha", Strong.easeIn, 0,1,0.5, true);
my_thumb.contentLoaderInfo.removeEventListener(Event.COMPLETE, thumbLoaded);
}
function callFull(e:MouseEvent):void {
var full_loader:Loader = new Loader();
var full_url = my_images[e.target.name].@FULL;
full_loader.load(new URLRequest(full_url));
full_loader.contentLoaderInfo.addEventListener(Event.INIT, fullLoaded);
var full_pb:ProgressBar = new ProgressBar();
full_pb.source = full_loader.contentLoaderInfo;
full_pb.x = (stage.stageWidth - full_pb.width)/2;
full_pb.y = (stage.stageHeight - full_pb.height)/2;
preloaders_mc.addChild(full_pb);
full_pb.addEventListener(Event.COMPLETE, donePb);
container_mc.removeEventListener(MouseEvent.CLICK, callFull);
container_mc.buttonMode = false;
container_mc.removeEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.removeEventListener(MouseEvent.MOUSE_OUT, onOut);
container_mc_tween = new Tween(container_mc, "alpha", Strong.easeIn, 1,0.5,0.5, true);
}
function fullLoaded(e:Event):void {
full_mc = new MovieClip();
full_mc.buttonMode = true;
addChild(full_mc);
var my_loader:Loader = Loader(e.target.loader);
full_mc.addChild(my_loader);
full_tween = new Tween(my_loader, "alpha", Strong.easeIn, 0,1,0.5, true);
my_loader.x = (stage.stageWidth - my_loader.width)/3;
my_loader.y = (stage.stageHeight - my_loader.height)* -1.8;
my_loader.addEventListener(MouseEvent.CLICK,removeFull);
my_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, fullLoaded);
}
function removeFull(e:MouseEvent):void {
var my_loader:Loader = Loader (e.currentTarget);
var full_link= my_images[e.target.name].@LINK; //ja tentei my_images[e.currentTarget] e my_images[e]
var desiredURL:URLRequest = new URLRequest("java script:NewWindow=window.open('"+full_link+"','newWin','width=400,height=300,left=0,top=0,toolbar=Yes,location=Yes,scrollbars=Yes,st
atus=No,resizable=Yes,fullscreen=No'); NewWindow.focus(); void(0);");
navigateToURL(desiredURL, "_self");
full_tween = new Tween(my_loader, "alpha", Strong.easeOut, 1,0,0.5, true);
full_tween.addEventListener(TweenEvent.MOTION_FINISH, tweenFinished);
container_mc_tween = new Tween(container_mc, "alpha", Strong.easeOut, 0.5,1,0.5, true);
}
function donePb(e:Event):void {
var my_pb:ProgressBar = ProgressBar(e.target);
preloaders_mc.removeChild(my_pb);
my_pb.removeEventListener(Event.COMPLETE, donePb);
}
function tweenFinished(e:TweenEvent):void {
var my_loader:Loader = Loader (e.target.obj);
my_loader.unload();
full_mc.removeChild(my_loader);// This line was removeChid(my_loader), just add full_mc before it.
removeChild(full_mc);
full_mc = null;
container_mc.addEventListener(MouseEvent.CLICK, callFull);
container_mc.buttonMode = true;
container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);
var my_tween:Tween = Tween(e.target);
my_tween.removeEventListener(TweenEvent.MOTION_FINISH, tweenFinished);
}
function onOver(e:MouseEvent):void {
var my_thumb:Loader = Loader(e.target);
my_thumb.alpha = 0.5;
}
function onOut(e:MouseEvent):void {
var my_thumb:Loader = Loader (e.target);
my_thumb.alpha = 1;
}
link para o arquivo:
http://www.trovatacomunicacao.com.br/teste...carrega_xml.zip
o FLA "geral" é o arquivo original
o FLA "geral_link" é o que eu modifiquei
muito o brigado, desde já!!
Carregando comentários...