Photo gallery IE 7 compatability issue

Photo
gallery
The photo gallery loads the thumbnails but not the images in
Internet Explorer 7. It works fine in Firefox 2/3.
The code for the area is,
quote:
<div spry:detailregion="dsPhotos">
<h4>{title}</h4>
<h5>{description}</h5>
</div>
<div id="picture">
<div id="mainImageOutline" style="width: 0px; height:
0px; text-align: center;"><div align="center"><img
id="mainImage" alt="main image" src=""/></div></div>
</div>
I'm not sure what the issue is. It's not pulling up the image
at all, and I can't get the image to render in any other method. It
worked fine with the old framework.
Another issue is with the play/pause button. Is there a way
to use a graphical play and pause button instead of the text that
is defined in gallery.js at lines 258 and 269?
Sherman

Reset to older framework.

Similar Messages

Data not dynamically updating in photo gallery

The page in question is
this
photo gallery.
The primary issue is when one thumbs through the images, the
"photoID" does not update. It remains at the first "photoID" that
is encountered, and in this case, it is 729. The "title",
"description" and so forth remain locked to the first entry as
well, yet the photograph updates "@path".
I've been working at this for almost two days and have tried
almost every possible combination. I've copied over the older
framework files from my other site (which has this working
successfully), modified it to work in this instance, and it fails
here. The XML output is correct.
function photogallery(){ //Photo gallery
?>
<div class='right'>
[Snip out collapse panel...]
<div
spry:detailregion="dsGallery">{photoID}</div>
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
}

Even doing that was no help unfortunately. Here is an
extended snippet,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Urban Up, a web-site by Sherman
Cahal</title>
<meta http-equiv="Content-Type" content="text/xml;
charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen" />
<script type="text/javascript"
src="includes/SpryAssets/SpryEffects.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryDOMUtils.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryImageLoader.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryNotifier.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryThumbViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryImageViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SprySlideShowControl.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_init.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryData.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_xds.js"></script>
<script type="text/javascript">
var dsGallery = new Spry.Data.XMLDataSet("<? echo
$tmpfname; ?>", "/gallery/photos/photo");
</script>
</head>
function photogallery(){ //Photo gallery
?><div class='right'>
<div spry:detailregion="dsGallery">{photoID}
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
And the XML file that is created:
<?xml version="1.0" encoding="utf-8"?>
<gallery base = "">
<photos id = "images">
<photo path="
http://www.urbanup.net/content/20070629/photos/1_13_251.jpg">
<photoID>729</photoID>
<title>Downtown</title>
<description><![CDATA[]]></description>
</photo>
<photo path="
http://www.urbanup.net/content/20070629/photos/1_19_3.jpg">
<photoID>834</photoID>
<title></title>
<description><![CDATA[A shared common area divides
the new homes along South Mill.]]></description>
</photo></photos></gallery>

Photo gallery not displaying when published to .mac

Hey,
I'm having some trouble publishing my photo gallery. I do not want to publish it as a web gallery from iPhoto then link to it with iWeb. What I want to do is to send a gallery from iPhoto into iWeb, and have it published as part of the website. When I send a gallery over to iWeb, it loads up great, and I have all the functionality that one would expect when doing this so by all indications, it will load up great on my .mac account. When I publish the website, it does say that it is publishing the photo gallery page, but the issue is that none of my galleries ever show up! I do not know what to do, I have tried completely deleting the photo gallery page and remaking it in case I did something wrong in the design somewhere, but it still does not load up. If I link in a web gallery, it does show up, but, again, that is not what I want to do. I am at a loss for what may be causing the error. Any help at all would be greatly appreciated.
Thanks!
Heather

Publishing a iPhotoalbum to iWeb is the same as dragging the album from the media browser to iWeb.
When I send a gallery over to iWeb, it loads up great, and I have all the functionality that one would expect when doing this so by all indications, it will load up great on my .mac account.
When I publish the website, it does say that it is publishing the photo gallery page, but the issue is that none of my galleries ever show up!
What is it? Does it upload great to dotMac or doesn't it?
There's only one thing to do. Publish it. No need to upload. iWeb takes care of that.
It helps if you provide a URL to said page.

Photo Gallery Lightbox Navigation not working

Hi,
The previous, next, and close buttons don't seem to be working for some of the photos on this page: http://vanessastone.namastecms.com/media/photos/community for the photo gallery lightbox. The issue only appears to be happening in Chrome and Safari. Firefox is working fine. I looked around in Chrome's Developer tools but didn't find any hints as to why that might be happening. Any help is greatly appreciated!
Thanks,
Jeff

Sorry InteractiveGuru, it looks like I posted on the wrong thread. The reason the buttons aren't working is because of your CSS regarding your left, right and close buttons are not suitable. You'll want to either revisit your CSS, or revisit how the buttons are formatted (e.g the three <a>'s).

Issues importing XML photo gallery SWF in Catalyst

Hey everyone,
I'm creating a mini-site using Catalyst, and am trying to include a photo gallery on one of the pages. Problem is, the photo gallery uses XML, and grabs the photos from a folder. The photo gallery works great on its own, but when I import the gallery SWF into Catalyst and run it, nothing shows up. I've found a few posts saying to move the XML and other corresponding files into the "/Library/Application Support/ Adobe/Flash Catalyst/workspace/Project/bin-debug" folder, and tried it with no luck. I even tried publishing the project (both locally and to the web), and then adding the XML and photo folder in, but still didn't have any luck getting it to work. Has anyone had any similar issues/ have an idea of how to fix it?
Any help would be greatly appreciated!

I've been pointing people here for issues relating to xml driven swfs.
http://flashcats.net/2010/05/29/using-an-xml-driven-swf-in-catalyst/
Also, in regards to the previous comment, the run-local will work on your machine, the deploy-to-web when you put the content on the internet. This post has a bit more information.
http://flashcats.net/2010/06/23/run-local-vs-deploy-to-web/

Photo Gallery problem issue with explorer browser

Hi there,
I made a personal website with a photo gallery from iweb and everything run cool in a Mac system but when I visualize my photogallery from my website in an Explorer Browser from windows, my pictures doesn´t appear, we cannot see anything.
Is anything to do to fix this problem?
Thanks,
Marco
the site is this www.marcoluz.com

There are three patches to fix iweb photos page for FF3 posted in this forum:
http://discussions.apple.com/thread.jspa?threadID=1563823
http://discussions.apple.com/thread.jspa?messageID=7418611

Spry Photo Gallery "Controls"

Spry Photo Gallery “Controls”
Hi Don Booth, David Powers, Kinblas et al,
Thank you all for your commitment, and I hope Spry isnt dead?!
I am years behind but I antē d up for the CS4 Master Collection at the beginning of the year and have been plowing through the many written and tv.adobe tutorials on the various programs. Some confuse so it was a pleasure to come to the straight forward instructions in Don Booth’s Photo Gallery that worked first time!
Forgive me however but although I have spent the last week perusing the forums (getting to know you all so well!) I can’t find any thread to help me to correctly add the “transport” “controls” div’s and bind them so that I get a better response to next/play/pause. I did find one detailing how to de activate the SlideShow Navigation - by deleting the container!! V1 Oct ’07.
As it seems to me there is nothing out there (in the Forum(s)) I assume this must be a simple case of ignorance on my part, and,- I feel stupid - I must be lagging way behind - for which I humbly apologize and ask for your help, thank you in anticipation.
http://www.portofinobayside.com/Gallery.html# (simpleTest - your images)
Tunedup

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Spry Photo Gallery not viewing

am new to web design and followed this tutorial to make a
Spry Photo Gallery:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
I am using Dreamweaver CS3 and when I preview my files,
everything is perfect and in place. When I upload everything and
view it on the server, no photos show up, and all of my div layers
are out of whack or missing even.
Any ideas, suggestions?? I feel like I am missing something
really simple.. THANKS!
http://www.summerinchicago.com/photoGallery/gallery.html
http://www.summerinchicago.com/photoGallery/photos.xml
http://www.summerinchicago.com/photoGallery/includes/SpryData.js
http://www.summerinchicago.com/photoGallery/includes/xpath.js
http://www.summerinchicago.com/photoGallery/images

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Spry Photo Gallery Navigation

Hi,
I'm building a simple photo gallery and I'm having issues trying to navigate image to image while using Paged View. My first attempt without paged view I could navigate image to image and once you reached the first or last image on a page, the next page would load beginning with the first or last image depending which way you were navigating by changing the xpath. I then came across the Paged View function, which makes the xml and paging much simpler, but I'm unable to figure out how to tell when I reach the end of a page, while browsing image to image, to load the next page. I don't seem to be getting a value from the current row that is showing.
Here is a link to a test page. http://www.roughcountry.com/gallery/customers/test.html
Navigating image to image works but the page changes incorrectly.
Hope that is clear, thanks for any help

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Making a beautiful spry photo gallery

I'm trying to make a photo album like the one on adobe's spry
sample photo album page here,
http://labs.adobe.com/technologies/spry/demos/gallery/index.html
But I haven't been able to find any tutorials to do such a
thing, so I've resorted to cutting and pasting code, which is a
really bad idea for me since I'm new to web design and for me
understanding java script is harder than understanding the female
psyche.
At any rate, this is what I've been able to do so far for my
wife's retail site:
http://paxbaby.com/photoalbum.htm
If anybody feels ready and able to take on the challenge, I
have 3 real problems I haven't been able to figure out: first, how
to make the big pictures fade in and out like on Adobe's sample
page; second, how to make the thumbnails grow and shrink in front,
not behind, the other thumbnails, and third, how to make the
thumbnails grow and shrink from their center point, not from their
upper left corners.
I'd love it if anyone is willing to help me out with this --
and if you have any other pointers on my site there, I'm all
ears!

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Photo Gallery thumbnails in business catalyst render in different sizes in different browsers

Photo Gallery thumbnails in business catalyst render in different sizes in safari and chrome but are fine in firefox. What is the issue with Safari? I have tried the different algorithm options such as fill_proportional etc and firefox is the only browser that displays correctly. I thought safari was the most standards compatible browser - what's the problem here?

Hi,
If you have seperate XML file but with the same basic structure then you can change the XML a Spry dataset refers to and regenerate the spry region without reloading the full page.
So on my photo gallery page I can change the album the photos are shown from via the seturl sprydata function as below. dsPhotos being my Spry dataset that points to the relevant XML dataset with my image references and captions etc. My XML is actually dynamically generated from Picasa RSS feeds (and RSS feeds are XML) but the principle will be the same with your static XML.
First I add an event listener for when someone clicks on an album (the li tag within my div with the id "albums" holds a photo and title for each album.)
function Albums()
var myalbums = Spry.$$("#albums li", "TabbedPanels1")
var rows = dsAlbums.getData();
var setListener = function( element, value )
Spry.Utils.addEventListener( element, "click", function(){ showAlbum( value ); },false );
for( var i = 0, length = myalbums.length; i < length; i++ )
setListener( myalbums[i], i );
Then this is the code which changes the photo album to be shown. (when the user clicks the relevant album)
function showAlbum(i)
pauseShow();
pImage = 'No';
var rows = dsAlbums.getData();
var albumid = rows[i]["albumid"];
var url = "xml/PicasaAphotoFeed.asp?albumid=" + albumid;
dsPhotos.setURL(url);
dsPhotos.loadData();
var rowcount = dsAlbums.getRowCount() - 1;
var nextalbum;
var navnext;
var n;
The page is here www.thehmc.co.uk/photo5.html is you want to see it in context.
In your case showAlbum would switch between Frank.xml or Wolfie.xml depending on how you decide to name your xml datasets.
Regards
Phil

I after updating to iOS 8 in photo gallery folder is missing.

I after updating to iOS 8 in photo gallery folder is missing. Of what I can not be divided with old photos no one. There is a folder in which the recently added only recently added More Photos. How to return this folder?

Hello Simmo1997,
Sorry to hear about your issue but let’s see if we can get your iPhone back up in running. If your iPhone is disconnecting when trying to restore then check out the article below to get you started with isolating the issue. Let me know if it gets resolved or if you discover a new symptom.
iTunes: Resolve USB-related alerts
http://support.apple.com/kb/HT5772
Regards,
-Norm G.

Generate Photo Gallery XML for Spry with Adobe Bridge

Wanted to post a note to what I've discovered/worked out -- a
way to
generate a very useful photos.xml from Adobe Bridge. If you
use Bridge,
it's very easy to add titles, keywords, ratings -- all kinds
of metadata
that one might use in a photo gallery. Here it is in case
anyone wants
to use.
The script is based on one I found at the Adobe User to User
Bridge
Scripting Forum for exporting a CSV file.
Note 1: this particular script doesn't take into account
CDATA that
might exist in your metadata, like ampersands in your title.
I've just
avoided using those, but you could also have the script write
out a
CDATA node for that info instead.
Note 2: this script does not write out a thumbpath,
thumbwidth or
thumbheight attribute. But usually the thumbpath is the exact
same as
the regular "path" attribute, and the thumbwidth and
thumbheight are
just a ratio of the regular "width" and "height" attributes.
I added a
bit of JS to the gallery.js file to calculate those before
growing the
thumbnail on rollover.
Personally I'm using keywords as categories and titles as
captions and
sorting by rating (stars in Bridge), so here's the .jsx file
I created.
The script should be saved to the folder "StartupScripts" in
Program
Files/Common Files/Adobe.
Hope this is useful for others too!
#target bridge
if (BridgeTalk.appName == "bridge" ) {
// create menu
var menu = MenuElement.create( "command", "Export XML File",
"at the end
of Tools");
menu.onSelect = function(m) {
try {
// ask for the name of the output file
var f = File.saveDialog("Export XML file to:", "XML
File:*.XML");
if ( !f ) { return; }
// open filestream and write first line
f.open("w");
f.writeln("\<photos\>\r\r");
// get a list of all the visible thumbnails in Bridge
var items = app.document.visibleThumbnails;
for (var i = 0; i < items.length; ++i) { var item = items
f.writeln("\<photo path = \"" + item.name + "\"" + "\r" +
"width = " +
"\""+ getWidth(item) + "\"" + "\r" + "height = " + "\""+
getHeight(item)
+ "\"" + "\r" + "rating = " + "\""+ getRating(item) + "\"" +
"\r" +
"categories = " + "\""+ listKeywords(item) + "\"" + "\r" +
"caption = "
+ "\""+ getTitle(item) + "\"" + " \>" + "\r" +
"\<\/photo\>\r\r" ); }
f.writeln("\<\/photos\>");
f.close();
} catch(e) {
function getTitle(tn) {
md = tn.metadata;
md.namespace = "
http://purl.org/dc/elements/1.1/";
var varTitle = md.title;
return varTitle;
function getWidth(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varWidth = md.ImageWidth;
return varWidth;
function getHeight(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varHeight = md.ImageLength;
return varHeight;
function getRating(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/xap/1.0/"
var varRating = md.Rating;
return varRating;
function listKeywords(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/photoshop/1.0/";
var Keywords = md.Keywords;
var varKeywords = "" ;
for ( var i = 0; i < Keywords.length; ++i ) { varKeywords
= varKeywords
+ Keywords + ","; }
return varKeywords;

I updated the script so it exports an XML file from Bridge
with full
compatibility with the Spry Demo Photo Gallery, to use as
photos.xml.
It's at the same address:
http://www.imagicdigital.com/spry/bridge_export_xml.zip
To Use:
The script goes in the folder "StartupScripts" in Program
Files/Common
Files/Adobe.
Launch Bridge and browse to a folder that contains the files
you want in
your gallery -- the "source" folder, as it were.
Choose the menu command "Tools > Export XML for Spry
Gallery".
Type a name for your XML file in the Save dialog box, choose
a location,
and hit "Save".
In the dialog box that pops up, enter a max length/width for
your
thumbnails, in pixels. Some common sizes are "75" , "100" or
"125".
Hit "OK". You should see an alert pop up telling you "XML
file
successfully created!"

Problem loading images in adobe bridge html photo gallery

Can someone please, please help me!? I can not figure out why the images will not load in my adobe bridge html photo gallery cs5. I am not getting any error messages in Firefox and just the x in internet explorer.
Here is the link to the gallery page on the site: http://www.irishwetlands.ie/Gallery.html
I created the gallery as a html file for compatibality reasons due to accesbility issues with flash, and followed the general insturctions. The gallery folder is called wetlandsgallery and it is loading everything style-wise except the images themselves.
I then made the gallery within an iframe so it would be more similar to the other pages on the site and contain the menu bar - but no change on the lack of images!
Having looked around online I think it might be something to do with the bin folder?? Does this have some secutity somewhere thats protecting the images? I am also unsure if I filled in the FTP info correctly when creating the site as I was getting the message "could not connect to FTP server" so I had to copy over the file from my hard drive to the server provider files. All the tutortials say to load your gallery and no mention of what to do when it won't connect to FTP server.
If you could also tell me how to edit the image sizes that would be a great help too, as any size changes I make to either the bin/large or bin/thumnail images makes no difference in what appears in the preview?
Help would be very greatfully appreciated as I am pulling my hair out trying to figure it out with no sucess and a possible bald patch!
Thanks in advance,
Áine

Hello Áine,
1. Is it really necessary to comment out this part in your source code?

Using your source code without these things I could see some of your images.
2. Looking to your website with my IE8 into image 7 (e.g.) I saw this:
what means there is a reference to a html file, not to an image. ???
3. Here it becomes interesting (completely contrary to my point 2.), looking for your path:
http://www.irishwetlands.ie/images/GalleryImages/Gallery1_Selection%20of%20IRWC%20members% 20at%20the%20Gearagh.jpg
I can see this image in my IE8 (some people in front of a "wetland". But still I've to assume (as Murray already did too), that there is something wrong with your upload and the pathes.
4. Allow me to make one brief point, we talked about here on several occasions: please don't use spaces in image, folders or filenames. I'll quote Murray: In general, URL encoding spaces does not lead to problems. ... Whatever the details are, though, using spaces in filenames or paths is a bad practice which WILL lead to problems.
5. What concerns the image sizes, maybe later (I didn't understand your question correctly I fear). There is still my language barrier, I'm sorry.
Hans-Günter

Trying to create a photo gallery... with little knowledge of Flex

Hey Guys,
I am trying build a photo gallery and I am having the hardest time.
Is there anything out there that helps people from scratch ?
I need help learning where to store the images... IE... jpegs
and the right syntax to call up the code...
Path info etc...
I tried to hack two of the following programs but in the case below the program could not find the files...
I am looking for an easy way to get started any help would be great
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalScrollPolicy="off" horizontalScrollPolicy="off"   initialize="init()" applicationComplete="startitup()" backgroundGradientColors="[0xffffff, 0x00808C]" >
<mx:HTTPService id="movieRequest" url="data/otrdata.xml" result="movieHandler(event)"/>
<mx:Glow id="glowImage" duration="200"
        alphaFrom="1.0" alphaTo="0.5"
        blurXFrom="0.0" blurXTo="15.0"
        blurYFrom="0.0" blurYTo="15.0"
        color="0x00FF00"/>
    <mx:Glow id="unglowImage" duration="200"
        alphaFrom="0.3" alphaTo="1.0"
        blurXFrom="15.0" blurXTo="0.0"
        blurYFrom="15.0" blurYTo="0.0"
        color="0x0000FF"/>
<mx:Fade
    id="fade"
    target="{myImage}"
    duration="400"
    alphaFrom="0"
    alphaTo="1"/>
<mx:TextArea x="463" y="156" height="326" width="387" id="myText" fontSize="14" editable="false"/>
    <mx:Image x="23" y="157" width="432" height="325" id="myImage" scaleContent="true"   complete="fade.play()"/>
<mx:Tile direction="horizontal" borderStyle="inset"
            horizontalGap="10" verticalGap="15"
            paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10" x="62" y="70" width="750" height="77">
            <mx:Repeater id="rp" dataProvider="{movieData}">
                <mx:Image height="49" width="50" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" toolTip="{rp.currentItem.subtitle}" source="{rp.currentItem.icon}" click="mygothere(event.currentTarget.getRepeaterItem ())" />
            </mx:Repeater>
            </mx:Tile>
                                    <mx:Label x="78" y="485" id="sourceTag0" width="333" textAlign="center" fontSize="14"/>
<mx:Label x="23" y="24" id="sourceTag1" fontSize="18" fontWeight="bold" width="281"/>
<mx:Image x="801" y="14" id="navimage1" source="@Embed(source='images/icons/Urbm.jpg')" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" width="43" height="32" click="myMainget('All'),myNumfind(0)"/>
<mx:Label id="labelall" x="813" y="50" text="All" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" width="43" height="18" click="myMainget('All'),myNumfind(0)" />
<mx:Image x="383" y="14" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage2" click="myMainget('Home'),myNumfind(0)"/>
<mx:Label x="382" y="49" text="Home" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}" click="myMainget('Home'),myNumfind(0)"/>
<mx:Image x="435" y="14" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" source="@Embed(source='images/icons/buildingjob.jpg')" width="45" height="32" id="navimage3" click="myMainget('City Life and Rhetoric'), myNumfind(0)"/>
<mx:Label x="430" y="49" text="Rhetoric" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" width="56" height="19"   click="myMainget('City Life and Rhetoric'), myNumfind(0)"/>
<mx:Image x="491" y="14" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" source="@Embed(source='images/icons/slums.jpg')" width="46" height="32" id="navimage4" click="myMainget('3 Perspectives'), myNumfind(0)" />
<mx:Label x="494" y="49" text="3 Pers" rollOverEffect="{glowImage}" rollOutEffect="{unglowImage}"   mouseUpEffect="{unglowImage}" width="46" height="19"   click="myMainget('3 Perspectives'), myNumfind(0)"/>
<mx:Image x="550" y="14" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage5"/>
<mx:Label x="547" y="49" text="History"/>
<mx:Image x="602" y="14" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage6"/>
<mx:Label x="601" y="49" text="Today"/>
<mx:Image x="650" y="14" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage7"/>
<mx:Label x="648" y="50" text="Future"/>
<mx:Image x="700" y="14" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage8"/>
<mx:Label x="693" y="50" text="Opinions"/>
<mx:Image x="751" y="14" source="@Embed(source='images/icons/Buddy.jpg')" width="38" height="32" id="navimage9"/>
<mx:Label x="746" y="50" text="Builders"/>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.collections.ArrayCollection;
import flash.events.Event;
        import mx.events.DropdownEvent;
        public var mynewnum:String="Home";
         private function changeEvt(event:Event):void {
         mynewnum=event.currentTarget.selectedItem.label;
         trace(mynewnum);
               filterByCategory2();
public function startitup():void{
myImage.source ="images/Buddy.jpg";
myText.htmlText="<b>Over-the-Rhine</b> is not only at the center of the Cincinnati community, but it is also at the center of a lot of controversies. This area has become a breeding ground for social issues. Issues of equality, crime, affordible housing, poverty, violence, and economic growth have recently been argued. Although these topics are the current issues facing Over-the-Rhine, this is not the first time many of these issues have been see by Over-the-Rhine. It seems that history is repeating itself once again. So where does the community go from here? Are there any answers. The questions one must consider are simple. Will Over-the-Rhine be in the same position thirty years from now? Is the current Over-the-Rhine community being treated fairly by the city? Do the urbanist movement, the people's movement, and the CDC have the best interests of the community in mind? How can the city deal with these issues without causing a fight within the community? Can Over-the-Rhine become a community where everyone is happy?";
sourceTag1.text = "Home";
sourceTag0.text ="A Look into the Over-the-Rhine Community";
public function myNumfind(num:Number):void{
myImage.source =movieData[num].image;
myText.htmlText=movieData[num].text;
sourceTag1.text = movieData[num].title;
sourceTag0.text =movieData[num].subtitle;
public function mygothere(event:Object):void{
myImage.source =event.image;
myText.htmlText=event.text;
sourceTag1.text = event.title;
sourceTag0.text = event.subtitle;
public function myMainget(myhere:String):void{
mynewnum=myhere;
filterByCategory2();
public function filterByCategory2():void
movieData.filterFunction = catFilter2;
movieData.refresh();
public function catFilter2(item:Object):Boolean
if(mynewnum=="All"){
return true;
}else{
return item.cat == mynewnum;
[Bindable]
private var movie:String;
[Bindable]
    public var selectedItem:Object;
[Bindable]
public var movieData:ArrayCollection;
private function init():void
movieRequest.send();
private function movieHandler(event:ResultEvent):void
movieData = event.result.otrdata.mydata;
filterByCategory2();
private function formatPositionToolTip(value:int):String{
var result:String = (value % 60).toString();
        if (result.length == 1){
            result = Math.floor(value / 60).toString() + ":0" + result;
        } else {
            result = Math.floor(value / 60).toString() + ":" + result;
        return result;
]]>
</mx:Script>
<mx:Label x="316" y="39" text="Menu" fontSize="12" fontWeight="bold" fontStyle="italic" color="#000000"/>
<mx:HRule x="364" y="49" width="480" strokeWidth="2" strokeColor="#000000"/>
</mx:Application>

I'd recommend linking your flex app to a PHP file, it'll automatically handle all the photos for you without you having to embed them all. Keeps the app size small and lets you add more pictures without having to alter any code. Here's the example code of a very simply image gallery that i'd build on if i was making a photogallery.
Flex:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="getPictures.send()">
    <mx:HTTPService id="getPictures" url="getPictures.php" method="POST" showBusyCursor="true"/>
    <mx:TileList dataProvider="{getPictures.lastResult.Pictures}" width="500" height="500" x="349" y="129">
        <mx:itemRenderer>
            <mx:Component>
                <mx:Image width="200" height="200" source="{data.imagePath}"/>
            </mx:Component>
        </mx:itemRenderer>
    </mx:TileList>
</mx:Application>
PHP:
<?php
    foreach (glob("*.png") as $filename)
        print "<Pictures><imagePath>".$filename."</imagePath></Pictures>";
?>

Photo gallery IE 7 compatability issue

Similar Messages

Maybe you are looking for