Photo Gallery with captions?

Hey folks
I've added the new version of the dynamic photo gallery to my
site. It works great! But, I'd like to be able to have a caption
under each photo.. can anyone help?
I made a div under it, added a style, it displays just fine
and in the right place, I just can't get it to read the captions
from the XML file.
The HTML is basically just
<div>{name}</div>
And then my XML looks like this..
<photos id = "images">
<photo
path = "1.jpg"
width = "400"
height = "320"
thumbpath = "1-t.jpg"
thumbwidth = "100"
thumbheight = "80"
name = "pic1">
</photo>
<name>Pic1</name>
<photo
path = "2.jpg"
width = "343"
height = "400"
thumbpath = "2-t.jpg"
thumbwidth = "86"
thumbheight = "100">
</photo>
<name>Pic2</name>
</photos>
But it's not showing the text inside the <name> tag..
can anyone help me get this working? I'm really stuck
:(

the SEARCH option does miracles
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1298486&highlight_key=y&keyword1=caption

Similar Messages

STATIC "HTML Data Set Photo Gallery" with CAPTIONS

Because of search engines and validation I would really like to use the STATIC "HTML Data Set Photo Gallery" http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html.
But I definitely need captions for the Photos. I found possibilities to add them via XML, but not for the HTML-Version.
As far as I got I think I have to edit this function from "gallery_hds.js" and add some RegEx, to extract caption text.
function PhotosFilter(ds, row, rowIndex)
    var tnStr = row.thumbimg;
    if (tnStr)
        row.path = tnStr.replace(/.*<a[^>]*href="?([^"]*)"?.*/i, "$1");
        row.thumbpath = tnStr.replace(/.*<img[^>]*src="?([^"]*)"?.*/i, "$1");
    return row;
In the following rows within the html-document
<span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a></span>
I would insert text before the closing span-tag (or before the closing a-tag?) - like so
<span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a>Here is some HTML Text</span>
This text must be extracted via RegEx - similar to the rows within the if-Statement of the upper mentioned function "PhotosFilter". But here my RegEx-knowledge is definitely to short!
Thank you very much in advance for any help or suggestion.
Angela Fengler

Because of search engines and validation I would really like to use the STATIC "HTML Data Set Photo Gallery" http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html.
But I definitely need captions for the Photos. I found possibilities to add them via XML, but not for the HTML-Version.
As far as I got I think I have to edit this function from "gallery_hds.js" and add some RegEx, to extract caption text.
function PhotosFilter(ds, row, rowIndex)
    var tnStr = row.thumbimg;
    if (tnStr)
        row.path = tnStr.replace(/.*<a[^>]*href="?([^"]*)"?.*/i, "$1");
        row.thumbpath = tnStr.replace(/.*<img[^>]*src="?([^"]*)"?.*/i, "$1");
    return row;
In the following rows within the html-document
<span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a></span>
I would insert text before the closing span-tag (or before the closing a-tag?) - like so
<span class="thumbnail"><a href="../../gallery/galleries/paris/images/paris_02.jpg"><img src="../../gallery/galleries/paris/thumbnails/paris_02.jpg" alt="paris_02.jpg" /></a>Here is some HTML Text</span>
This text must be extracted via RegEx - similar to the rows within the if-Statement of the upper mentioned function "PhotosFilter". But here my RegEx-knowledge is definitely to short!
Thank you very much in advance for any help or suggestion.
Angela Fengler

Make 3D Flash wedding photo gallery with songs

Last week, my dearest sister got married. There were about a gazillion things to love about her wedding day… so many moments all wrapped up into one very totally unforgotten event. I took lots of wedding photos on her wedding day and wanted to give her a surprise of making her a 3D flash wedding photo gallery with wedding songs.
As I expected, my sister was moved, many thanks she said to me. Now I just want to give my many thanks to Aneesoft 3D Flash Gallery. It is a wedding gallery making software that helped me make so gorgeous flash gallery with my sister's wedding pictures. Knowing nothing about flash making, I never thought making a splendid 3D flash gallery would be so easy. My friend, do you eager to make your own cool, awesome flash gallery now? Do you eager to sharing your wedding photos in a stunning 3D photo gallery? Let me show you the way!
What you'll need:
1. Wedding photos and wedding songs for your 3D flash gallery
2. Aneesoft 3D Flash Gallery
Step 1: Download & install Aneesoft 3D Flash Gallery
We'll be using a very nice 3D gallery making software 'Aneesoft 3D Flash Gallery' to making a romantic wedding flash gallery with wedding photos and wedding songs, head over here and download the free trial version. Next step is to install the program.
Step 2: Import wedding photos and edit
You can add up to 500 photos that you want to use in your wedding photo gallery, arrange the photos as you like. Aneesoft 3D Flash Gallery supports a wide range of file formats for images, such as .jpg, .bmp, .gif. Click "Add Caption" to add title and description for your wedding photos. And you can also crop and add special effects to them to make your wedding photos more perfect
Step 3: Choose from a variety of wedding flash gallery templates
Aneesoft 3D Flash Gallery offer you an easy way to make a stunning wedding photo gallery by choosing from variety of flash gallery templates. A flash gallery template automatically put preset decoration to wedding gallery. When you select a preset flash gallery template, you're able to enhance it by customizing some additional settings, such as background, thumbnail effects, playback options and scrolling actions. For the adventurous users, explore the powerful advanced features and tools that gives you total control over how you compose your wedding flash photo gallery.
Step 4: Add some wedding songs for your wedding flash gallery
Wedding songs are a very important factor to consider when making your wedding flash photo gallery. They set the general mood and tone for your gallery, while also allowing you to express your feelings through music. You may find the perfect wedding songs out of hundreds of popular wedding songs and music through Amazon.com or iTunes.
In this step, you can add some wedding songs as background music to play along with your wedding flash gallery. Click Add Music button to browse and add your wedding songs. You can add, remove and edit the wedding music files. And you may check the option to control the background music looping or not.
Step 5: Preview and publish your 3D wedding flash gallery
It is advisable that you preview the wedding flash gallery at least once, before you publish it. Click and drag mouse for scrolling and tilting the 3D flash gallery. Click on the thumbnail to zoom in and out the photos. You have several options to share and publish your 3D wedding photo gallery, such as SWF, EXE and HTML. It depends on your needs.
OK, now your wedding flash gallery is done. What do you think of the wedding flash gallery that I made for my sister? End with my sister's sentences "Fun is not ending, romantic is not ending, and love is just beginning!" Wish your wedding pictures can also be splendid as my sister's, and your love is just beginning, enjoy!
know more:
http://www.aneesoft.com/win-3d-flash-gallery.html
http://www.aneesoft.com/tutorials/3d-flash-gallery/make-wedding-flash-gallery-with-songs.h tml

As for AS3 part of it, I am not sure your code really works. There are syntax and logical errors there.
I think you need to take it step by step and accomplish several task in the following sequences:
1. Write code that loads XML correctly;
2. Write code that enables buttons;
3. Write code that will load images on button clicks.
The code below shows in principal what needs to be done in order to load XML and make the data in this XML available for further consumption. Also, by accomplishing this step you will iron out all the PHP vs Flash wrinkles including your XML.
Please note, I don't know your XML structure so all the parsing issues you need to resolve yourself.
Once you get handle on it - we, hopefully, will talk about steps 2 and 3.
import flash.display.Loader;
import flash.events.*;
import flash.net.*;
var images:XML;
var myRequest:URLRequest;
var myLoader:URLLoader;
// list of image urls that will come from loaded XML
var imageList:XMLList;
myRequest = new URLRequest("Photography.php");
myLoader = new URLLoader();
myLoader.addEventListener(Event.COMPLETE, onFileLoaded);
// suggested handler for unexpected errors - avoids some headaches
myLoader.addEventListener(IOErrorEvent.IO_ERROR, onLoadError);
myLoader.load(myRequest);
// Note: all the listeners are removed
// it is always wise to remove listeners that are needed any longer
// to make objects eligible for arbage collection
function onLoadError(e:IOErrorEvent):void
     trace(e.toString());
     myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
     myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
function onFileLoaded(e:Event):void
     myLoader.removeEventListener(Event.COMPLETE, onFileLoaded);
     myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onLoadError);
     images = new XML(myLoader.data);
     // only now xml is ready and you can start loading images
     imageList= images.pic;

Photo gallery with Thumbnail View in Flex 3

Hello everyone
I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
Please help!!!
Thanks a ton.

Check the folder structure
Flash is not able to get some file thats why the IO Error.
trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
http://www.darshanrane.com

How create a carrosel photo gallery with Adobe Muse widgets?

I use Adobe Muse 3.2 build 2, and I need create a photo gallery with many photos (around 60) like a carrosel (with photos and thumbnails that slides both from left to right). There is some way to create or insert a widget of this kind in Muse? If possible, in which Muse version?
I wanted a solution that works inside of Muse, to not create a HTML page separated, with the gallery, and after embed it into the Muse.
Thanks for any reply.

It is currently not possible to create a functional carousel using the out-of-the-box features available in Muse. You will need to look online for third party code or a widget from a Muse widget developer for something like this.
Cheers,
Vikas

Error in creating XML photo gallery with Flash CS4 and AS 3.0

Hello, all. I've been creating an XML photo gallery with Flash CS4 and AS 3.0 following a tutorial. I followed the instructions step-by-step but at the end I got the following error message instead:
Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.
Could anyone in the community assist me as to how to solve the problem? The script has no errors and last time I checked all the applicable files (the .xml file, the .jpg files, the .swf and the .fla file) are in my Documents folder on the Mac.
Looking forward to your suggestions!

Check the folder structure
Flash is not able to get some file thats why the IO Error.
trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
http://www.darshanrane.com

Tutorial for a Spry photo gallery with thumbs and buttons ???

Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions) ???
Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : )
The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
I appreciate any help very much. Thank you.

Just Google for the Spry photo gallery and you might find
http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
or even a few others.
Happy Sprying
Ben

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

You can use Bridge to create a web photo gallery.
Here's a video that shows you how to do it:
Hope this helps!
Julia

Creating a photo gallery with photo download option

Good morning,
I need to create a page on my website where I can have a photo gallery WITH the option to download a photo, or the entire gallery. Can someone tell me, or point me to a video tutorial on how to do this?
If you are familiar with SmugMug, or Zenfolio, they have that option where I can click to download the entire gallery or a single photo, and it downloads in the form of a zipped file.
Can someone help me with this please?
Thank you,
Alex
(I would use SmugMug or Zenfolio, but my volume does not justify the cost)

Welcome Alex -
Any picture you display on your site can be saved to the visitor's computer.
If you ZIP each gallery, a simple link to the zipped archive will offer the visitor
an option to save to their computer.

Searching for Flash Photo Gallery with numbered navigation menu.

I'm looking for a photo gallery with a numbered navigation
menu. I've seen this gallery on several flash web pages. Is this
type of photo gallery a template that comes with flash? Has anyone
come across a tutorial for a photo gallery similar to the link
below.
http://www.rockcreeksm.com/index.php/work/portfolio/

i made this one:
http://www.goldbergphotography.com/
but there are quite a few simpler photogalleries. use google
to search for some tutorials or templates.

BC Photo Gallery with a jQuerry and a muse desktop template

Hello
How to combine a BC Photo Gallery with a jQuerry and a muse desktop template.
The jQuerry Slider is from
http://galleria.io (tutorial: http://www.atlantawebdesignga.com/adobe-business-catalyst-developer/use_javascript_galleri a_slideshow_to_display_an_adobe_business_catalyst_photo_gallery)
It works as long as the template of muse ins’t selected.
If the template is selected the jquerry wouldn't beeing loaded.
The effect is: the images shown among themselves.
Thanks for helping

Hello Chad Smith
Thanks for your support.
Our Examples:
Code published from Muse
http://tempgallery.24-7web.ch/test.html
Code embedded in BC, without a template
http://tempgallery.24-7web.ch/notemplate
Code embedded in BC, with a template
http://tempgallery.24-7web.ch/template
Do you need more?
…Domenic

Flash & XML Photo Gallery with Categories

Hello friends
i am trying but
i want to create Flash & XML Photo Gallery with Different Categories
please help me

If you want to do using oop
go throgh this article first
http://active.tutsplus.com/tutorials/actionscript/as3-101-oop-additional-concepts/

Photo gallery with thumbnail and caption

Hi,
am looking for a good photo gallery extention or application with thumbnails and captions, preferbly free or willing to pay for good working application, please help - would like to incorporate into website gallery page
thank you

hello,
There is a web photo gallery extension called:
Web Photo Album 2.1 for Dreamweaver MX
You will need a copy of Fireworks to run it though.
Sometimes, I use Photoshop's automate web galelry and then use that file inside of my site.
If have to incorporate it into an existing page, I just copy and paste the code.
babs

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>

How to make Web Photo Gallery with 3 columns of thumbnails?

Hi all
I have used web photo galery to build a few sites, but always with thumbnails in a single, vertical column, within a frame that scrolls. and i have never mch liked that scrollbar.
I have come across this page:
http://www.mariannekolb.com/recent.html
which, as i look at the code, may not even be using web photo gallery, but is very similar.
anyhow, does anyone in this group have any idea how this multiple column thumbnail (without scroll bar) is accomplished?
thanks

howsthisforaname wrote:
I see how the css works, and it is much superior to alternatives I have seen.
But I fear I may be overlooking something: are you manually coding the html, writing the captions, and creating the thumbs? or is there a program that generates these?
Manually coded the CSS. Used Photoshop to optimize images, watermark them and create thumbnails.
Used Dreamweaver to insert thumbnails, full-size images and caption text.
If you want software to do the heavy lifiting for you, look at jAlbum.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Photo Gallery with captions?

Similar Messages

Maybe you are looking for