The following example shows you how to use the Repeater component to display images loaded from an external XML file.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/03/displaying-images-from-an-xml-file-using-the-repeater-component/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:XML id="imagesXML" source="images.xml" />
<mx:Zoom id="zoom" />
<mx:HBox id="hBox">
<mx:Repeater id="rep"
dataProvider="{imagesXML.image}">
<mx:Image source="{rep.currentItem.@src}"
toolTip="{rep.currentIndex}:{rep.currentItem.@alt}"
completeEffect="{zoom}" />
</mx:Repeater>
</mx:HBox>
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/03/displaying-images-from-an-xml-file-using-the-repeater-component/ -->
<images>
<image src="images/Button.png" alt="Button" />
<image src="images/ButtonBar.png" alt="ButtonBar" />
<image src="images/CheckBox.png" alt="CheckBox" />
<image src="images/ColorPicker.png" alt="ColorPicker" />
<image src="images/ComboBox.png" alt="ComboBox" />
<image src="images/DataGrid.png" alt="DataGrid" />
<image src="images/DateChooser.png" alt="DateChooser" />
<image src="images/DateField.png" alt="DateField" />
</images>
View source is enabled in the following example.
Looks good :)
Any chance you know how to get icons from a resource manager and NOT embedded ?
Wow cool…!
It helped me a lot… Flexexamples.com ROCKS!
How can i get the name of the image on click ? I mean the name of the selected value?
Can I add a link to the image to take me to anothe web page or site and if so how?
Can you give the way to put a progressbar for each image load plz ?
I try with id on
Im having difficulties.
When I embed imagess using : “”
it works FINE.
But When I use “”
then the resulting swf embeded into a HTML page does not show…
Irrespective of pulling images from XML or even staticly as I’ve shown above.
I have a feeling it’s something to do with ‘use-network’… I’ve tried this approach to no avail (setting it to true and false.)
PLEASE SOMEONE Hlep Me!
Alternatively knowing that ” synatx works fine when using the swf on my webroot…… how can I edit the below XML repeater Image syntax
source=”{rep.currentItem.@src}” to a version which EMBEDS the image.
Hence the swf works (displays images) when I use EMBED (hence embeding images at COMPILE TIME) but when using the RUN TIME version [ source=”{rep.currentItem.@src}” ] then it wont work for me.
Please someone hit me back.
Regards
g’