VVP
%Europe/Berlin %779 %2008, 19:41
Hoi AS/FF'ers,
Ik moet ZSM ( P) ) een soort image gallery maken met 3 foto's aan de linkerkant (thumbnails) en 1 grotere foto in het midden dat de uitvergroting is van de thumbnails. Als ik op een photo klik moet een XML uitgeladen worden en een nieuwe ingeladen.
bijv.
xml1 (soort categorië):
photo 1 is een auto;
photo 2 is een boot;
photo 3 is een fiets;
xml2:
photo 1 is een auto1;
photo 2 is een auto2;
photo 3 is een auto3;
xml3:
photo 1 is een boot1;
photo 2 is een boot2;
photo 3 is een boot3;
xml4:
photo 1 is een fiets1;
photo 2 is een fiets2;
photo 3 is een fiets3;
als 1st word xml1 geladen, als ik op photo1 klick (de auto), dan moet xml1 uitgeladen worden en xml2 ingeladen worden hoe berijk ik dit?
--
ik zit hier ergens fout bij de function 'ifMouseUp' [mischien wel bij meerdere], en is het wel verstandig om een mouseUp te gebruiken?
tot zo ver mijn AS:
import caurina.transitions.*;
var xml:XML;
var xmlList:XMLList;
var imageLoader:Loader;
var xmlLoader:URLLoader = new URLLoader();
var imageText:TextField = new TextField();
function loadXML(loadWhat)
{
xmlLoader.load(new URLRequest(loadWhat));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
}
loadXML("data/images1.xml");
function xmlLoaded(event:Event):void
{
xml = XML(event.target.data);
xmlList = xml.children();
for (var i:int = 0; i < 3; i++)
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].@thumb));
imageLoader.name = xmlList[i].@source;
addChild(imageLoader);
imageLoader.x = 65.3;
imageLoader.y = 150 + (i*100);
trace(imageLoader.name);
imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
imageLoader.addEventListener(MouseEvent.MOUSE_UP, ifMouseUp);
}
}
function ifMouseUp(event:MouseEvent)
{
xmlLoader.unload();
switch (event.target.name)
{
case "images/image01.jpg" :
loadXML("data/images1.xml");
break;
case "images/image02.jpg" :
loadXML("data/images2.xml");
break;
case "images/image03.jpg" :
loadXML("data/images3.xml");
break;
default :
trace("error MouseUp");
break;
}
}
function showPicture(event:MouseEvent):void
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(event.target.name));
imageLoader.x = 234.3;
imageLoader.y = 150;
imageLoader.alpha = 0;
Tweener.addTween(imageLoader, {alpha:1, time:2, transition:"easeOutExpo"});
addChild(imageLoader);
}
graag ZSM hulp,
alvast bedankt.
Greets! 8)
Ik moet ZSM ( P) ) een soort image gallery maken met 3 foto's aan de linkerkant (thumbnails) en 1 grotere foto in het midden dat de uitvergroting is van de thumbnails. Als ik op een photo klik moet een XML uitgeladen worden en een nieuwe ingeladen.
bijv.
xml1 (soort categorië):
photo 1 is een auto;
photo 2 is een boot;
photo 3 is een fiets;
xml2:
photo 1 is een auto1;
photo 2 is een auto2;
photo 3 is een auto3;
xml3:
photo 1 is een boot1;
photo 2 is een boot2;
photo 3 is een boot3;
xml4:
photo 1 is een fiets1;
photo 2 is een fiets2;
photo 3 is een fiets3;
als 1st word xml1 geladen, als ik op photo1 klick (de auto), dan moet xml1 uitgeladen worden en xml2 ingeladen worden hoe berijk ik dit?
--
ik zit hier ergens fout bij de function 'ifMouseUp' [mischien wel bij meerdere], en is het wel verstandig om een mouseUp te gebruiken?
tot zo ver mijn AS:
import caurina.transitions.*;
var xml:XML;
var xmlList:XMLList;
var imageLoader:Loader;
var xmlLoader:URLLoader = new URLLoader();
var imageText:TextField = new TextField();
function loadXML(loadWhat)
{
xmlLoader.load(new URLRequest(loadWhat));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
}
loadXML("data/images1.xml");
function xmlLoaded(event:Event):void
{
xml = XML(event.target.data);
xmlList = xml.children();
for (var i:int = 0; i < 3; i++)
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].@thumb));
imageLoader.name = xmlList[i].@source;
addChild(imageLoader);
imageLoader.x = 65.3;
imageLoader.y = 150 + (i*100);
trace(imageLoader.name);
imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
imageLoader.addEventListener(MouseEvent.MOUSE_UP, ifMouseUp);
}
}
function ifMouseUp(event:MouseEvent)
{
xmlLoader.unload();
switch (event.target.name)
{
case "images/image01.jpg" :
loadXML("data/images1.xml");
break;
case "images/image02.jpg" :
loadXML("data/images2.xml");
break;
case "images/image03.jpg" :
loadXML("data/images3.xml");
break;
default :
trace("error MouseUp");
break;
}
}
function showPicture(event:MouseEvent):void
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(event.target.name));
imageLoader.x = 234.3;
imageLoader.y = 150;
imageLoader.alpha = 0;
Tweener.addTween(imageLoader, {alpha:1, time:2, transition:"easeOutExpo"});
addChild(imageLoader);
}
graag ZSM hulp,
alvast bedankt.
Greets! 8)