Is this a data list photo gallery?

http://www.heathrowe.com/other/fc2/main.html (click to the gallery page)
Someone posted this in the show your Catylst project thread. Is this done with the Data list method? It's late, and I am beat, but I can't seem to get rollover functionality in my thumbnails. Except to fade it out from whatever opacity it starts at.
Is there a way to change the start point of a page, or can you just control the transitions of things as they apear differently from you start page to the final end point on the finish page/state? Does that make sense or am I too exauhsted to make sense anymore? Guess I'll see in the AM when I get up and re-read this looking to see if anyone responded.

i don't know if you still need the answers, but if you do, i hope this helps.
i'm not sure if the gallery in this example is a data list (if you're talking about the thumbs..), but i did the same thing just putting up the buttons and aligning them and giving them some attributes on rollover etc. it's an even easier way than doing a data list for something simple like that.
to change the start point of a page you need to do one "blank page" before your first homepage (or a duplicate) and then in the transition between them asign the items on your homepage different transitions.. on that "zero" page you can also move some items out of the box and give them a move transition to the homepage etc.
hope it helped!
best,
Jelena

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

HTML Data Set Photo Gallery

Anybody know of a tutorial on how to develop this?
http://labs.adobe.com/technologies/spry/demos/gallery_pe/static_hd/china.html
Thanks

Hi Arnout,
I really hope you can help with this one. This gallery works fine in a stand alone html doc. But as soon as that document is saved as a template the js doesnt work. I had big plans for the home page with one div holding this two div gallery. I then applied spry effects to the loading images and it looked awesome during the design phase and preview. Now that I save as a template it doesnt work. Since my main concern was to have it on the home page and not all pages I decided to create the main template and insert the gallery into an editable region. This also doesnt work.
The code below is from the tuorial. All i did was save as a template and it no longer works. The files are all available at the link you provided.
Is this fixable or can you recommend another option please. Thanks heaps.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Ajax Album Demo</title>

<script type="text/javascript" src="../includes/xpath.js"></script>
<script type="text/javascript" src="../includes/SpryData.js"></script>
<script type="text/javascript">
var dsGallery = new Spry.Data.XMLDataSet("../photos.xml", "/gallery/photos/photo");
var dsData = new Spry.Data.XMLDataSet("../photos.xml", "/gallery");
</script>
<style type="text/css">

</style>


</head>
<body>
<div id="header" spry:region="dsData">
<p>Site Name: {sitename}<br />
Photographer: {photographer}<br />
    Website: <a href="{contactinfo}">{contactinfo}</a><br />
    Email: <a href="mailto:{email}">{email}</a><br />
Date: {@date} </p>
</div>
<div id="thumbContainer" spry:region="dsGallery dsData"> <img src="{dsData::thumbnail/@base}{@thumbpath}" spry:repeat="dsGallery" class="thumbs" onclick="dsGallery.setCurrentRow('{ds_RowID}');" /> </div>
<div id="main" spry:detailregion="dsGallery dsData"><img src="{dsData::large/@base}{@path}"/><br />
Name: {@path}
</div>
</body>
</html>

Automatic image compression for photo gallery web apps?

Is it possible to scale and compress images to a maximum size when uploading to a web app? This is for a photo gallery that allows public submissions, and we are anticipating that we will get lots of photos that are very large. This is a task that would be best handled by a server-side image processing lib, but is there another way since we don't have that on BC?
Thanks!

I understand that you are probably concerned with data storage limits when asking this question. But, you can create thumbnails when displaying images within the photo gallery. This will allow a very large image to display very quickly within the gallery.

Simple way to use the Photo Gallery Module and flexslider to create an editable image slider?

I want to offer an image slider that my clients can easily update themselves through the Admin. Ive researched it alot and I know it can be done using web apps but does my cliently seriously need to pay over $400 a year for the webcommerce option just to have an updatable image slider?? I find that unrealistic. Does anyone know how to set this up using the photo gallery module and "flexslider" so clients on the business marketing plan can have access to a simple and clean editable image slider?
Any BC experts that can help would be greatly appreicated!
Thankyou

Not an expert, but I think what you're looking for is a slider that can get its list of photos from an XML file. The Photo Gallery module can produce an XML file.

Launch Maps from photo gallery

With my previous E52 running Maps 3.04, I could do this:
1. Open photo gallery.
2. Select a photo with geotag and view it.
3. Select Option/Show on Maps and it will automatically launch Maps and show where that particular photo was taken.
4. Select navigation and drive.
But I seems to be able to do that with the N8/Anna.
Any pointer? Thanks

hughm_nyksj_dk wrote:
Maps Suite 2.0 looks enticing; any idea whether it will work on the E6/Belle? Is it reasonably reliable/stable?
E6 Belle is included in list of devices for Nokia Maps Suite 2.0. Personally I had to un-install this from N8 Belle after "Search" within it ceased to open, but this maybe isolated issue as had not updated "Search" update offered by Nokia Suite at that time. As I live in the "boonies" where Places widget and Public Transport stand-alone apps are superfluous, it just uses up phone memory to little purpose.
Happy to have helped forum with a Support Ratio = 42.5

How do you import media and metadata from Windows Photo Gallery database?

How do you import videos and photos and their metadata from a Windows Photo Gallery database into the Elements Organizer, especially metadata that is only contained in the Photo Gallery database file (pictures.pd6) and not embedded in the video and photo media files themselves?
And when you import the metadata into Organizer, do you get all of these available elements?
Ratings
Tags
Captions
People tags
Geotags
Also, if the media files in Organizer are ever moved to another PC, is there a way to migrate all of the Organizer's metadata with the files to use with another instance of Premiere Elements?

OK. I think we're getting close to the answer.
The reason I'm asking about this is because for Photo Gallery, media files can NEVER be moved without losing all database metadata. I'm sorry I didn't know this when I started with Photo Gallery and I think I've learned an important lesson: Be sure you can move your work BEFORE you start.
So, to clarify Organizer's behavior, let me ask the question another way. Let's say that in a few years, after I've added tags, people, places, etc. to hundreds of media files in Organizer, I decide to get a new PC. When I move all that stuff to my new petabyte drive on the new PC, do we know if Premiere Elements Organizer on the new PC would be able to read the original Organizer's metadata?

Massive Photo Gallery Widget looks strange

Hi guys
I am working with a new widget called "Massive Photo Gallery Widget" and it should look like this: http://musegrid-massive-photo-gallery.businesscatalyst.com/
but on my website it looks like this: Bildergallerie
I think it looks a little bit like the menu I have on the website. The menu is also a new bought widget and it's called "Steal Menu Widget". Maybe the other widgets aren't compatible to the steal menu widget or something like this?
Thank you and kind regards
Julia

Hello Sanjit
Thanks for your answer. When I look to the widget on my website it looks like this:
I'm working with google chrome, maybe that's the reason why we see different widgets?

What is the use of master data listed in infoprovider?

Dera sirs,
I noticed that some master data is listed in infoprovider. If someone can explain me in which cases this master data listed in infoprovider is used for report.
sorry to post this question but I don't find the response in this forum.
Thanks in advance for you help.

Hi Santo,
Welcome to the SAP world.
Take your thread data/question data of SDN for example
Master dara here is: User ID ( your user id ) Name, Country etc which can not be changed
Transaction data here is: Number of Views on this thread by other users ( daily increases)
Points given by you etc.
With the help of master data we can easily find out who is this user of this question and his contact details etc.
Post as many threads as you can your master details will not be changed in the SAP SDN.
Thanks,
Ram.

Web Photo Gallery Wish List

My website uses the coppermine photo gallery package It requires me to optimize my images for the web using a photo-editing program (Photoshop) and upload them to my server. Then there is a web interface I use post the photos to my gallery.
This works fine, but with the latest improvements to iPhoto, I find it much more enjoyable to edit and organize my photos with iPhoto than with Photoshop. I've also enjoyed using iWeb to create photo pages, even though iWeb is the kind of program that could put Web Developers like me out of business ;-D
If the templates were more customizable, I could use iWeb instead of my coppermine photo gallery. I recently returned from my honeymoon and tried to make a photo page in iWeb using photos I'd edited in iPhoto. But I want to publish my travel journal text too, and there is just not enough room below each photo for text.
Then I tried the blog format instead. If only I could tell iWeb how large to make my photos and what color to make my text before the entries are created. It's very tedious to go through each of 93 posts and change these things as I add text. Can anyone really read light gray text on a white background?
Worse, I can't change the order of the entries. I don't want the last picture (most recent) to appear first. I want to make the entries go first to last, like a travel log.
Because of these things, I must continue using coppermine. I can't even use the photos I edited with iPhoto (without using Photoshop) because there is no way to optimize them for the web.
The iLife suite is very, very, good, and make using my Mac a very enjoyable experience. I hope that Apple will eventually make the adjustments I've listed. In the meantime, if anyone has any suggestions, I would love to hear them.
Thanks, Patty

My website uses the coppermine photo gallery package
It requires me to optimize my images for the web
using a photo-editing program (Photoshop) and upload
them to my server. Then there is a web interface I
use post the photos to my gallery.
Coppermine is a very popular package, but there is the setup and learning curve to use it which is beyond what I want to do.
iWeb is the kind of program that could
put Web Developers like me out of business ;-D
C'mon, pattyb! Give yourself some credit!
If the templates were more customizable, I could use
iWeb instead of my coppermine photo gallery. I
recently returned from my honeymoon and tried to make
a photo page in iWeb using photos I'd edited in
iPhoto. But I want to publish my travel journal text
too, and there is just not enough room below each
photo for text.
Most text blocks are expandable, though in the photo template that may be different. There's always the blank page "template" and you can do whatever you want in that one.
Then I tried the blog format instead. If only I could
tell iWeb how large to make my photos and what color
to make my text before the entries are created.
It's very tedious to go through each of 93 posts and
change these things as I add text. Can anyone really
read light gray text on a white background?
Adjusting these parameters are fairly trivial with the Inspector at hand. Though I imagine with 93 posts...well, most people probably aren't doing 93 of them in one sitting.
Worse, I can't change the order of the entries. I
don't want the last picture (most recent) to appear
first. I want to make the entries go first to last,
like a travel log.
Easy to do by fiddling with the date parameter...double click on the date to be presented with a calendar to choose from. You'll have to make up the dates and hide them from view since you are manipulating them just to get the blog order reversed. Earliest entry to latest entry is the convention of the blog format, though. You can suggest a sort order feature to Apple.
Because of these things, I must continue using
coppermine. I can't even use the photos I edited with
iPhoto (without using Photoshop) because there is no
way to optimize them for the web.
The only function available in iPhoto is to scale photos down to a maximum width or height on export. I usually export the photos that I want to use from iPhoto in their full res and then use another app called "Downsize" which not only scales but also can vary the jpg compression...makes for pretty tiny jpgs.

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>

How do I get the old photo gallery version back in my photos, don't like the date thing currently there

DDon't like new version of photos by date, want old photo gallery version is that possibke

You can revert to the previous Search Bar scheme like this.
Open up '''about:config''' ''(typed in the Location Bar)''
Right-click and toggle this preference to '''''false'''''
'''browser.search.showOneOffButtons'''
Then restart Firefox.

Can a Photo Gallery be created using the Meta Data with a Widget or Lightroom ?

I want to create a website with a bunch of photo galleries, but I have to have the Titles and Descriptioins from the Meta data used.
Can Muse import Lightroom Photo Gallery's web pages?
Or, Is there a widget to do this?

So your saying import a Gallery from Lightroom using Muse's slideshow widget, which ignores titles/descriptions?
I'm finding it very difficult to understand why Muse would not use this information as it clearly shows the File Names in Asssets.
The workflow seems simple: Take A picture, Bring it into Lightroom, Adjust and enter WHAT it is with Titles and Descriptions, use it ALL in a website.
I've got some 500 photos.
Re-entering Titles/Description information everytime it's used in a website is not something anybody should have to do.
Please help, there has to be a better way to do this.
I'm eager to buy Adobe's product to do this if it can be done.
Adobe is too smart to leave out something so simple with MUSE.

Photo Gallery display by date uploaded

I would really like to have the photo gallery display images by date uploaded not alphabetical. I know this isn't possible but I remember somewhere on the old forum someone posting a workaround for this issue. Does any one know a workaround? I'm sure it had something to do with renaming the files.
Thanks
Karl

Hi Sidney, thanks loads for your reply. If i try your method the most recent image still wont be placed at the beginning eg.
If today's date is 01022012 then tomorrows date will be 02022012 which will still be placed after 01022012
Eg
01022012
02022012
Thanks again but is there any other method?
Karl

Some photo folders in my Windows Photo Gallery are listed in iTunes when I sync my iPhone 3GS but the folders are empty

Some photo folders in my Windows Photo Gallery are listed in iTunes when I sync my iPhone 3GS but the folders are empty. The same photo folders in Windows Photo Gallery are full of photos. How do I fix this?

You may have to try deleting all the music from your phone (by going to Settings>General>Usage>Music, swipping All Music and tapping Delete), then sync it all back on with iTunes in order to fix this.

Is this a data list photo gallery?

Similar Messages

Maybe you are looking for