Building A Photo Gallery Index Page...

I recently installed the PowerGallery Dreamweaver Extension. I've uploaded my photos (a total of thirty five separate galleries), but am unsure of how to create an index page that will allow my readers/users to easily select from what we offer.
Any suggestions on how this can be done?
Am I correct in assuming I will need/want to build the index using a php page?
Thanks!

Your questions are a little confusing. index.xxx is usually the default name of a file in a given folder, in your root folder, that is what most people refer to as your home page. The index can be .htm or .html or .php...or others.
What you might be referring to is that many times these extentions create their own folder and they then create an index.xxx page that this gallery is build on. I am not famiar with the product you mentioned.
Perhaps you could clarify what you mean.
Gary

Similar Messages

CS3 Web Photo Gallery index.htm renaming

I'm not sure if there is a way to change this but if any one know please let me know. I working to modify one of the templates for the Web Photo Gallery, and am wondering if there is a way to designate in the template what to name the index page besides index.htm or index.html.
I'm working to create a site that will have many photo galleries. And while it does work to have each gallery in its own sub directory with the main gallery page named index.htm. I would prefer to have the main gallery page renamed during the automation process for easier archiving.
Let me know if anyone know if this is possible.

>Anyway, renaming the files should not pose a problem, if you do full links. I just wouldn't do it for web galleries created automatically from PS.
There are could be hundreds of subpages in a gallery and I'm trying to avoid going back and redoing the link to each of the main pages. Every subpage points to the main page or the index page that PS creates. I can go and manually rename the index page but then the home button that is generated during the automation on each of the sub pages needs to be changed as well. I'm trying to avoid this.
Let me explain what I'm trying to accomplish. In the root of the domain I plan on having my index page (with a brief description about the company). Then I plain to have a few other pages including a gallery page. This is going to be the main page for all my galleries. Images will be places here that will link to the main page of each of the galleries that are created. Also on the root there will be a folder named "XYZ". This is were all the galleries will be placed under there own sub folders.

Photo gallery index

Can anyone point me to a tutorial explaining how I can set up
a gallery like
this.
I'm mainly interested in the index of thumbnails below and
how to get it to advance to the next batch of thumbs by clicking on
the arrow. I've got a basic gallery which advances the main photos
when the thumbnail is clicked but I run out of space when there are
more than say 4 or 5 thumbnail images below the main image...thus
I'd like to insert an arrow which will scroll the thumbs to the
left.
I'm still using actionscript 2.0
Thanks.
Pedro

>Anyway, renaming the files should not pose a problem, if you do full links. I just wouldn't do it for web galleries created automatically from PS.
There are could be hundreds of subpages in a gallery and I'm trying to avoid going back and redoing the link to each of the main pages. Every subpage points to the main page or the index page that PS creates. I can go and manually rename the index page but then the home button that is generated during the automation on each of the sub pages needs to be changed as well. I'm trying to avoid this.
Let me explain what I'm trying to accomplish. In the root of the domain I plan on having my index page (with a brief description about the company). Then I plain to have a few other pages including a gallery page. This is going to be the main page for all my galleries. Images will be places here that will link to the main page of each of the galleries that are created. Also on the root there will be a folder named "XYZ". This is were all the galleries will be placed under there own sub folders.

Add simpleviewer photo gallery to page

I created photo galleries with simple viewer & Porta and
I can't figure out the easiest way to add those galleries to my
website. I usually create each new page from my default template
page which has the "editable regions" that you put in to add
tables, info etc. How do you add a photo_album.html page into that?
Anyone have "how to add an html page to a dreamweaver template for
dummies answer?" I would appreciate.

how many photos or groupings of photos are involved?
how often are more added or changed?
depending on the numbers, it might be better/easier to go
with a server side
scripted gallery with an admin section.
Or are you asking how to add a link to a generated album into
a page??
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

I would like to build a photo gallery like wordpress or flickr. Is it possible with Dreamweaver?

Hello,
I have built my website using Dreamweaver and show case my photos using simpleviewer pro. I rather like the layout flickr, eg. http://www.flickr.com/explore. Is it possible using Dreamweaver? or do I need another programme to build it?
Thank you.

Hello,
Thank you for replying so quickly.
I'd like to replicate only the way Flickr shows the images. The first page in the explore page (www.flickr.com/explore), I like that you can scroll down to see all the photos then you select and it opens in a new window.
Best regards

Auto generate a web gallery index page in web module for output multiple galleries

As an extension of a Web Gallery, it should be possible to create an entire gallery page with sub galleries in Lightroom. it will be great if it is also template based.

See
The Turning Gate for a template that does that.
Don
Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.10 & Win XP, Pentax *ist D
See LR Links list at my
Blog for related sites.

Photo albums missing from gallery index

I published a photo gallery page with five albums. All is well on first viewing of gallery index page in both Firefox and Safari. However, when I return to gallery index after viewing an album, only one to two albums appear on the gallery index page. And they change on repeated returns to the gallery! Clearing the cache in Safari resets all five albums to the index. www.farmhouseinnvt.com/galleries.html.
Thanks

I'm seeing 5 albums on your galleries page. Clear your browser's cache (Command+Option+E for Safari) and reload the page.
However when I went back to the page after playing the slideshow some of the albums were missing. After viewing the Action window for the Gallerie's page (Command+Option+A) I found that there are some missing files. Not all of your files are getting uploaded to the server.
OT

How to transfer photo gallery with thumbnails from Fireworks?

Hi
I am trying to create a website. I am using Dreamweaver CS3
and for my main homepage I used one of their templates.
From my main page I give a link to photo gallery. I intend to
build a gallery in Fireworks as I will need a thumbnails for my
photos.
My question is how can I transfer the created gallery to
Dreamweaver CS3? I need the same template I used for my homepage
for my gallery?
Please help!
Thanks

jcdesigns wrote:
> I am assuming you are building a photo gallery like you
can in photoshop. In
> Fireworks, are you going to something like:
File>Automate>Web Photo Gallery,
> and pointing to the folder where the images are located,
and Fireworks builds
> the pages, thumbnails and larger images by itself? If
this is the case, then
> you just need to make a link on your home page to the
gallery page.
>
> If you are building this all by hand, meaning you are
making and resizing all
> of the thumbnails and images yourself, you will need to
create a second page
> and place all the thumbnails on that, and link them to
the larger image files
> or pages with those images.
>
> www.projectseven.com has a REALLY good photo gallery for
Dreamweaver and
> Fireworks for a good price. That is the way to go.
Especially if you plan on
> making more photogalleries.
>
Resize your photos as needed to cut down their size use jpg
or png format.
save then in an outside folder.
next inside the directory you use for your web files create a
directory
with either the sme name as the outside folder or name
desired open that
directory.
Open up Dreamweaver and create a Blank HTML page.
Now go to Commands menu and and choose create web Photo
album...
next a menu will pop up and ask directory where images are
located. Then
will ask the destination directory browse to the new
directory you
created. You will also settings for Thumbnail size and
whether to use
captions if you do use captions it will use the file name of
of each
image and you will have to go in and edit the caption names
for the
photos as desired when everything is setup fireworks will
takeover and
create the album. it will create three subdirectories one
with the full
size photos , one with the thumbs, and one with the html
information for
each photo. Plus three other files in main directory one
being an html
file. once completed and Fireworks returns editing back to
Dreamweaver
close and don't save the blank html file. the index file
needed will be
created by Fireworks.
open the index file inside you album directory and edit
cations as needed.
Remember if you do this you'll need a total of 3 times files
of the
photos you use for example.
if you have 30 photos it will be a total of four directories
and 93 files.
for 20 it would be 63 files, for 10 33 files and so on.
If you need to add photos or take away photos the method is
to start
over from scratch and use you FTP program to do a recursive
delete on
the directory then re-upload.
Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
Sterling
616 Liberty Street |Who's Who. PHONE:276-632-5045,
FAX:276-632-0868
Martinsville Va 24112 |[email protected], ICQ11269732, AIM
pjonescet
If it's "fixed", don't "break it"!
mailto:[email protected]
<
http://www.kimbanet.com/~pjones/default.htm>
<
http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
<
http://www.kimbanet.com/~pjones/Fulcher/default.html>
<
http://www.kimbanet.com/~pjones/Harris/default.htm>
<
http://www.kimbanet.com/~pjones/Jones/default.htm>
<
http://www.vpea.org>

Need Expertise on Custom Photo Gallery Template

Hello there - this question isn't really just Mac specific, but I don't see a forum that will post to ALL Photoshop users.
I'm in need of some help customizing a Photo Web Gallery in Photoshop. I've done one entirely without tables, using my own CSS to style it. My thumbnail page would be similar to the coding for the index page of the Lightbox styled gallery in this tutorial: www.photoshoplab.com/lightbox-web-photo-gallery.html
However, my problem is that even though my design doesn't use tables, when I'm in the automation dialogue in Photoshop, it still shows the table row and column parameters - greyed out - from the last time a table-based gallery template was used. And Photoshop is using this info to decide how many thumbnails to put on the gallery index page. It simply multiplies the row * column to limit the number of thumbnails on that first page. Very odd and not very nice looking, as it won't finish a row this way.
I notice the Lightbox styled gallery template does away with the table for the thumbnails as well. How, then can I gain control over showing "X" number of images per thumbnail page? Say I have a gallery of 40 images - how can I show 20, max, per page? Or 10? Or whatever needs to be specified to suit the number of images in that gallery?
Also, at runtime, Photoshop is stripping some small but important bits of code out of my customized templates. I've tried to put some HTML elements in to force the "previous next" text below the thumbnails, but it gets stripped out during the generation of the gallery.
The results can be seen here:
www.springfieldmo.gov/cityconnect/images/galleries/dating/index.html
Notice that the first thumbnails page shows 21 images. That's because the greyed out row, column info in the automate dialogue was 3 rows of 7 columns.
Is there any way to get to the actual code that Photoshop runs to generate the galleries? Seems like that's where it would be looking for the table info.
Any thoughts? I'd sure appreciate any info you can give or point me to someone who has done a pure CSS automated Photoshop gallery.
Sincerely,
Christopher Akins
Web Coordinator
City of Springfield, MO

Thanks Curt, In fact I think I have found the files under
user\Application Data\Adobe\Bridge CS5\Adobe Output Module\MediaGallery\
I got there as a result of your suggestion and although I didn't find /roaming/ I did find the following directories
/document1/
/preview/
/previewinbrowser1/
So I am guessing these contain the files I need to work with. Some of the files are json files which is a bit new to me but I think there is a fair bit of resource around about it.
Regards, Les

Creating a photo gallery like the China Gallery in Adobe Labs. How?

I have photos in several categories (I'll use 2, "frank" and "wolfie" as examples here). What I'd like to do is build a photo gallery like the China Photo Gallery shown in the Adobe Labs site, where the user can switch between categories without going to a different page. Here's what I've done so far and how I'm stuck:
I created a photo gallery with the instructions in the tutorial "Building a photo album with the Spry Framwork". I then inserted a Tabbed Panels widget for navigating between the categories.
I set up an XML file as follows:
/* frank category */
<photo
path = "001p.png"
width = "467"
height = "467"
thumbpath = "001p.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
/* wolfie category */
<photo
path = "001f.png"
width = "467"
height = "467"
thumbpath = "001f.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
To create the div holding the thumbnails for the "frank" category, I entered the following:
<div class="thumbdiv" spry:region="dsGallery"><img src="thumbnails/frank/{@thumbpath}" spry:repeat="dsGallery" spry:setrow="dsGallery" class="thumbs" /></div>
To create the div where the full size images will be displayed, I entered the following:
<div class="mainpic" spry:detailregion="dsGallery"><img src="images/frank/{@path}" onload="MM_effectAppearFade(this, 1500, 0, 100, false)" /></div>
Then, in the tabbed panel set for the "wolfie" category, I did the same thing, substituting "wolfie" for "frank". However, since there is only one xml file, spaceholders for all of the thumbnails appear in the thumbnail div for the frank category. I realize that I'll probably need to create a separate xml file for each category, but how do I set it up so the correct xml file is accessed when the link in the tab is clicked? Or am I approaching this all wrong?
From reviewing the source for the China gallery, it appears that they set up links to different xml files instead of Tabbed Panels. How does that work? There are also some javascript files I can't find anywhere on Adobe's site.
Thanks

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

Easier way to create a photo gallery than this?

Basically, the way in which I'm creating galleries on my sites are a lengthy process.
In DW, I go to Commands > Create photo web album (after creating the three folders to place them in - images, pages, and thumbnails).
Then Fireworks arranges it for me and I make adjustments as necessary in the HTML document.
Once it's done, I go to my hosting service (110mb.com) and I must upload everything - the thumbnails, pages, images - everything. This would be fine if there's only a few photos in the gallery; however, it's quite a problem when the website contains six galleries, each with around 30 photos.
Can anyone give me any advice on how to make this less time consuming?
p.s. I do not want to use a free photo storage - the gallery must not link to an external website.
Thanks in advance.

is there a way to remove the background when embedding the website? This seems like a really simple solution to my problem, but unless I can remove the background colour, JAlbum links and all other unnecessary elements of the embedded webpage, it looks really inconsistent.
To change the background or other elements in your JAlbum gallery, either select a different skin (style) or customize your skin Template (.htt) files.
http://jalbum.net/developer
JAlbum has a discussion forum where you can get help. Use the appropriate group for your skin - http://jalbum.net/forum/index.jspa
Finally, you might find it easiest to bring your Gallery index page into your existing site using an inline frame or <iframe>. You can see an example of this on my web site. View Page Source in browser to see how it's done. http://alt-web.com/gallery.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

What is everyone using for a photo gallery

hey everyone.
i was just looking up a few ways to build a photo gallery and the way i am creating my gallery at the moment is using adobe bridge.
recently i have been looking at other websites and i would love to use something more attractive and build into my website.
what would everyone recomend and why? please link if you would
many thanks
Jake

Look at JAlbum software.
http://jalbum.net/en/software/download
Lots of different skins (layout styles) to choose from.
http://jalbum.net/en/skins/new
JAlbum creates thumbnails and HTML pages for you. So updating galleries & photos is a breeze.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Web module: Galleries index page

Hello,
There is one thing that I would like to see in lightroom: The ability to create an index that link to all available gallery. Each gallery link could also have an index of the first photo of each gallery.
This would same me the trouble of having to create and maintain a gallery index by myself.
Mickaël Rémond

See
DonRicklin, "auto generate a web gallery index page in web module for output multiple galleries" #1, 17 Oct 2007 5:16 am
Don
Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.10 & Win XP, Pentax *ist D
See LR Links list at my
Blog for related sites.

Update Content and Photo Gallery

Forgive me for cross posting but I was not aware of this
group when I originally posted. Here is my orginial post. Maybe
someone can help me or point me in the right direction.
I am using Spry updateContent to load in html fragments
(div). What I'm trying to do now is load in the Spry Photo Gallery
demo. I have used this tutorial to build the Photo Gallery:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
I've tried loading the entire photo gallery html page but
this does not work. I then tried loading in a fragment with just
the div's with and without the scripts. I then tried moving the
scripts to the main document. Nothing seems to work. Any
suggestions?
charlie-imac

Hi Charlie,
Sounds like you are trying to run Spry twice. Once when you
loadContent and then again to run the gallery after updateContent
runs.
Is that correct? If so, it won't work as you noticed, since
Spry has already processed the page by the time the DIV is loaded.
What's the goal of your page? Is there a specific reason you
are using updateContent? You can use the gallery as it was
designed, or for updateContent, make sure the DIV you are loading
already has the needed HTML markup.
Let me know if I missed something.
Donald Booth
Adobe Spry Team

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>";
?>

Building A Photo Gallery Index Page...

Similar Messages

Maybe you are looking for