HTML Photo Gallery / PSE4

I can create a new HTML Photo Gallery, but can not see how to modify an existing one. Slide shows appear in "Open Creation", but no HTML Photo Gallery.
I want to be able to easily modify an existing html photo gallery, so that any time I need to add an image, I don't have to create a whole new gallery and upload it to the server. Can someone guide me through this process? I've looked in "help", and there's nothing re "modify html photo gallery".
Background: I bought PSE2 a few years ago, and it fairly well met my needs. Recently I decided to buy a new digital camera. After confirming that the new PSE4 worked with Adobe Camera Raw, and that my camera model was supported, and checking the fetures of PSE4, I went ahead with both purchases. Now I wish to begin using an on-line server to display photos in an "html photo gallery". I've been advised by the sysop to use JAlbum, as it has the ability to easily modify an existing albm, but I prefer not to install yet another software package if PSE4 can do what I need.
Thank you. - David Thornburg

David
I use a program called PhotoThumbs to generate the Challenge. It is very
configurable and lighting quick generating web sites in seconds not minutes.
I then upload using a program called WinSCP3 that is cleaver enough only to
upload those pages that are new. I do want something and easy because I am
generating the site over 50 times a week and these programs working in
conjunction do yeomen's duty. The only down fall is that PhotoThumbs is
commercial although inexpensive.
I have tried Jalbum and found it easy to do the pre packaged programs but a
little complex to do more complex things. It is free and being a Java
program is available for many platforms. The time to generate a site was
much slower than PhotoThumbs but things might change.
Grant
Home Pages http://home.cogeco.ca/~grant.dixon
Challenge Pages: http://www.cavesofice.org/~grant/Challenge
Photo of the Day http://www.cavesofice.org/~grant/POD
Creativity is so delicate a flower that praise tends to make it bloom, while
discouragement often nips it in the bud. Any of us will put out more and
better ideas if our efforts are appreciated.
Alexander Osborn (1888 - 1966)

Similar Messages

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

How create html photo gallery in PSE 12?

In earlier version of PSE I was able to create an html photo gallery. How do I make one in version 12?

Indeed, google ftw.
For example:
+as3 photo gallery flash tutorial
reveals many including this one:
http://www.flashmagazine.com/Tutorials/detail/as3_photo_gallery/

HTML photo gallery best practices

Dear Common Wisdom:
I have seen a number of variations with regards to types of HTML photo/image galleries within folio files out there.
Is a best practice materializing in anyone's opinion?
Thanks for your thoughts!
CJ

Thanks, Yellow,
I want to make a photo gallery, but have not yet.
So far, I am simply creating a single HTML page for individual images or photos in my articles. That is, in-app browser opens to the image with a caption. That's it.
So, I am hoping to get ideas for the future from reposnses here.
Do you have any examples of what you've done I could see?
I am not a professional code writer, but do understand xml and html.
Again, thanks for responding!
CJ

How to have more than one Bridge Web Photo Gallery in a site

I'm having a problem inserting more than one bridge web photo gallery in my site. I have thumbnails of different jobs and when clicked I want a new page to load with all the images of that job. I have one thumbnail linked to one of the galleries and I made another gallery and can't find the code to change to link it to the new html gallery. When the page loads it shows the first gallery I made instead of the new gallery.
Example:
I made a gallery of a deck job and on my photo page there is a thumbnail. When clicked it brings up the deck.html photo gallery made in bridge cs4. Good!
Now, I made a gallery of an outdoor fireplace and on my photo page there is a thumbnail. When clicked it should load the photo gallery of the outdoor fireplace. It loads the gallery of the deck instead.
I understand that the code needs to be changed to link to the new files. I changed the "resource" folder for the outdoor fireplace to "resource2" and changed the code script src="resources" to script src="resources2" and it did not work
I suspect that I need to change the code that points to group.xml and rename the new photo gallery group.xml to group2.xml so it will find the one in my resources2 folder, but I can't find the code anywhere.
Any help would be great. Also, if there is a better way of doing this let me know?
Thanks

Maybe I can explain this better....
the group.xml file has the information for what images to load. When previewing the outdoor fireplace web gallery "of.html" it loads the "deck.html" web gallery. I believe this is because in one of the files it is requesting the info from the group.xml file from the resourses folder. I need to find where the code is that directs it to the group.xml and change it to group2.xml and rename that group.xml file for "of.html" to group2.xml in the resourses2 folder.

Web Photo Gallery Missing - Elements 6 (mac) - Elements 8 (pc)

I've been asked to update a photo gallery in a website that was created with the Mac version 6 of Elements. So I'm ready to purchase Elements version 8 for the PC and I download the trail version. The problem is the HTML version has been replaced the FLASH, which might work okay. But they really want the gallery format they have now, but I cannot find a similar template with the 'Shared' Online Album procedure. It's a rather plain template, but they like it for their site. It has a scrolling list of thumbnails on the left and the selected photo shows to the right. There's an "Image Info" button on the bottom that pops-up a dialog of File/Title/Description/Credits/Copyright.
If I purchase Elements 8, can I download older versions someplace? If I have to hunt for Version 6 on eBay or elsewhere, do the PC and Mac versions 6 have the same HTML Photo Gallery templates/options?

hey,
the workflow is different in pse8 as compared to pse6. in pse8 if you want to create the web gallery you have option either in the File > Create Web gallery.
i am not too sure whether you can download older version of pse from any where.
thanks

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

HTML/CSS photo gallery updatable in Contribute?

I'm putting together a website for a client who wants a photo
gallery which they can update on a fairly regular basis.
They'll be using Contribute to maintain other parts of the
site, and I'd like to be able to give them the same access to the
gallery, but the majority of more interesting ones (PVII, for
example) seem to be a mite complicated for a Contribute update.
Can anyone recommend an interesting, sophisticated-looking
gallery which can fit these criteria?
Many thanks

TrentSC wrote:
> I'm putting together a website for a client who wants a
photo gallery which
> they can update on a fairly regular basis.
>
> They'll be using Contribute to maintain other parts of
the site, and I'd like
> to be able to give them the same access to the gallery,
but the majority of
> more interesting ones (PVII, for example) seem to be a
mite complicated for a
> Contribute update.
>
> Can anyone recommend an interesting,
sophisticated-looking gallery which can
> fit these criteria?
Hi,
You might take a look at Nadia's templates - she has a couple
of
Photographer specific offerings.......
http://www.csstemplates.com.au/photography_csstemplates/index.shtm
chin chin
Sinclair

Can a photo gallery like this be created in html/CSS?

http://jeffsullivan.smugmug.com/Landscapes/National-Parks/Zion-National-Park-Utah/1946310_ 6PtgP#136213013_XVhBQ
I like the way these galleries expand to browser width - both the thumbs and big image enlarge. I want to learn to make a photo gallery (+ slideshow) perform like this or hire someone with the specific skill set needed to make it for me. I've looked around quite a bit online at photo gallery apps, both free and for sale, including some offered by forum regulars (thanks!), but haven't found one I really liked.
My intent is not to copy this gallery (that would be stealing), just to adopt the expanding images- to browser width feature.
I know Flash could do it but I don't see .swf anywhere in the source... would it be done with Javascript or a combination of apps?

What I didn't mention before is that the photo gallery I want will be only one part of a community-based commercial site under development that needs to integrate with other parts.
That's why I'm asking what sort of developer/skills I'd need to make this happen.
I see. OK, for starters you'll need a firm grasp of XHTML, CSS, JavaScripting, and server-side programming such as PHP and MySql databases.
You also might like to look at an open source Groupware solution such as TikiWiki that has a lot of stuff already built into it.
http://info.tikiwiki.org/tiki-index.php
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Photo Gallery not showing photos in computer Web browser

None of my photo gallery photos are showing up in a computer's Web browser? They show up fine when you click "View Web Journal in Safari" on an iPad 2, but when I publish them to iCloud and Share the Web Journal Link, the photos don't show up?? It's happening with all of my Journals. It doesn't work on a Mac or Windows? What gives??
You try it:https://www.icloud.com/iphoto/projects/#1;CAEQARoQdoVWsxptdYjcSQD-Rg1QVg;B692688 8-A220-4FF7-848F-6383BB15A5DB

Arrrrrrrrrrrrrrrrgh, matey. They all show for me in Safari but require several page refreshes to get them all to display. Those that don't display will if I click on it and then go back to the page. However, when retuning to the first page will put be back at square one and require multiple refreshes to get them to display, but not always.
Also, the page links are all messed up. Clicking on them just returns me to the first page. If I Option click on a page link from Page 1 I will get to the right page.
I am unable to get Firefox or Chrome to work at all on your gallery.
Send a bug report to Apple via http://www.apple.com/feedback/iphoto.html. You can include the URL to this topic in order to include my comments and findings.
OT

Photo Gallery bug in IE7

http://labs.adobe.com/technologies/spry/demos/gallery_pe/dynamic/index.html
On mouseover, selected thumbnail expands behind other
thumbnails instead of hovering over them. Works fine in FF.
Is there a way to fix/override this?

@Kin
The gallery demo files do not put an anchor link around the
thumbnails. The article you list is describing how to alter the
files for (newer?) examples that require about 8 different include
files -- which, given the already HUGE download hit required to run
a photo gallery, seems excessive.
Can adobe not write up a solution that works for the sample
files for the gallery that only requires 3 includes + 1 css file
(which can be added to your own style sheet to avoid yet another
file download)?
Or, is there someway to grow the thumbnails from the bottom
right corner, thus avoiding any overlap by subsequent thumbs? I
tried setting the grow from center to false in SpryEffects but it
appeared to have no effect on the function in the gallery.

Photo Gallery - works in Safari but not Firefox .. ?

Hi,
I have a photo gallery at http://www.sg-karting.com/Racing/Photos/Photos.html
When I go into the albums, pictures are displayed in Safari but not on Firefox.
When creating this page on iWeb I selected 'Web Gallery' instead of 'Album'. Does this make any difference?
Regards.

I have just visited "http://www.sg-karting.com/Racing/Photos/Pages/KartingEdgeRound-1.html" using both Safari Version 3.0.4 (523.12) and Firefox version 2.0.0.9 on a G4 PB 10.4.11. And both browsers displayed the same information from what I can see. All the pictures revealed themselves.
Have I picked the correct album for your example?
I tried other area's of your web site and all appeared to be the same as the Safari. Maybe you need to clear your cache.

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

Photo gallery in as3

I'm making photo gallery where photos will be loaded from external xml file but i have problem. I want to add an effect when photo is changing like on this site: http://www.studiomelon.pl/index.html#/1/ Could somebody help me with that? I am noob in flash so please explain it as clear as you can. Thanks.

I was sesrching for that for a long time before i created this tread. There is many tutorials and exaple files for page flip or page turn but i cant find good one. Many of them was coded in as1 or as2 other using php and java script so its difficult to understant. I just want one simple solution for that. It cant be so hard to create something like that. Could you help me to find some good and simple tutorial in as3?

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>

HTML Photo Gallery / PSE4

Similar Messages

Maybe you are looking for