Can't get photo gallery slide show to work

Hello,
If anyone could help, I'd appreciate it. This is for a
non-profit I work for. After getting the gallery to work, I can't
get the slide show to work.
from my gallery.html:
<title>Photo Gallery</title>
<link href="../css/screen.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript"
src="includes/xpath.js"></script>
<script type="text/javascript"
src="includes/SpryData.js"></script>
<script type="text/javascript"
src="includes/SpryEffects.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>
<script src="gallery.js" type="text/javascript">
</script>
<script src="SpryMenuBar.js" type="text/javascript">
</script>
<style type="text/css">
#main (I'm not incl. details for these - to save space)
#thumbContainer
#controls
#header
</style>
</head>
<script type="text/javascript">
</script>
</head>
<body>
<div id="header" spry:region="dsData">
<p>{sitename}<br />
</div>
<div id="thumbContainer" spry:region="dsGallery">
<img src="thumbnails/{@thumbpath}"
spry:repeat="dsGallery" class="thumbs"
spry:setrow="dsGallery"/> </div>
<div id="main" spry:detailregion="dsGallery">
<img src="images/{@path}" class="images"/>
</div>
<div id="controls">
<ul id="transport">
<li><a href="#" onclick="StopSlideShow();
AdvanceToNextImage(true);"
title="Previous">Previous</a></li>
<li class="pausebtn"><a href="#" onclick="if
(gSlideShowOn) StopSlideShow(); else StartSlideShow();"
title="Play/Pause" id="playLabel">Play</a></li>
<li><a href="#" onclick="StopSlideShow();
AdvanceToNextImage();" title="Next">Next</a></li>
</ul>
</div>
<div id="thumbContainer" spry:region="dsPhotos
dsGallery">
<p class="ClearAll"></p>
</div>
</div>
<p class="clear"></p>
</div>
</body>
</html>
Here's the gallery.js file: (didn't include the global vars -
to save space)
dsGallery.addObserver(function(nType, notifier, data) {
if (nType == "onPreLoad")
StopSlideShow();
Spry.Data.Region.addObserver("thumbContainer",
function(nType, notifier, data) {
if (nType == "onPostUpdate")
ShowCurrentImage();
if (gAutoStartSlideShow)
StartSlideShow(true);
function SetMainImage(imgPath, width, height, tnID)
var img = document.getElementById("mainImage");
if (!img)
return;
CancelBehavior("mainImage");
Spry.Utils.SelectionManager.clearSelection("thumbnailSelection");
if (tnID)
Spry.Utils.SelectionManager.select("thumbnailSelection",
document.getElementById(tnID), "selectedThumbnail");
if (gImageLoader)
gImageLoader.onload = function() {};
gImageLoader = null;
gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img,
Spry.Effect.getOpacity(img), 0, { duration: 400,
finish: function()
gBehaviorsArray["mainImage"] = new
Spry.Effect.Size(img.parentNode,
Spry.Effect.getDimensions(img.parentNode), { width: width, height:
height, units:"px"}, {duration: 400,
finish: function()
gImageLoader = new Image();
gImageLoader.onload = function()
img.src = gImageLoader.src;
gImageLoader = null;
gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img,
0, 1, { duration: 400,
finish: function()
gBehaviorsArray["mainImage"] = null;
if (gSlideShowOn)
SetSlideShowTimer();
gBehaviorsArray["mainImage"].start();
gImageLoader.src = imgPath;
gBehaviorsArray["mainImage"].start();
gBehaviorsArray["mainImage"].start();
function CancelBehavior(id)
if (gBehaviorsArray[id])
gBehaviorsArray[id].cancel();
gBehaviorsArray[id] = null;
function SizeAndPosition(id, toX, toY, toWidth, toHeight,
callback)
CancelBehavior(id);
var effectCluster = new Spry.Effect.Cluster( { finish:
callback } );
var ele = Spry.Effect.getElement(id);
var moveEffect = new Spry.Effect.Move(ele,
Spry.Effect.getPosition(ele), { x: toX, y: toY, units: "px" }, {
duration: 400 });
var sizeEffect = new Spry.Effect.Size(ele,
Spry.Effect.getDimensions(ele), { width: toWidth, height: toHeight,
units: "px" }, { duration: 400 });
effectCluster.addParallelEffect(moveEffect);
effectCluster.addParallelEffect(sizeEffect);
gBehaviorsArray[id] = effectCluster;
gBehaviorsArray[id].start();
function GrowThumbnail(img, width, height)
Spry.Utils.addClassName(img, "inFocus");
img.style.zIndex = 150;
var id = img.getAttribute("id");
var twidth = Math.floor(width * .75);
var theight = Math.floor(height * .75);
var tx = (gThumbWidth - twidth) / 2;
var ty = (gThumbHeight - theight) / 2;
SizeAndPosition(id, tx, ty, twidth, theight,
function(b){gBehaviorsArray[id] = null;});
function ShrinkThumbnail(img)
Spry.Utils.addClassName(img, "inFocus");
img.style.zIndex = 1;
var id = img.getAttribute("id");
SizeAndPosition(id, 0, 0, gThumbWidth, gThumbHeight,
function(b){gBehaviorsArray[id] = null;
Spry.Utils.removeClassName(img, "inFocus");});
function ShowCurrentImage()
var curRow = dsGallery.getCurrentRow();
SetMainImage(dsGallery.getCurrentRow()["@base"] + "images/"
+ curRow["@path"], curRow["@width"], curRow["@height"], "tn" +
curRow["ds_RowID"]);
function AdvanceToNextImage(moveBackwards)
var rows = dsGallery.getData();
var curRow = dsGallery.getCurrentRow();
if (rows.length < 1)
return;
for (var i = 0; i < rows.length; i++)
if (rows
== curRow)
if (moveBackwards)
--i;
else
++i;
break;
curRow = rows;
dsGallery.setCurrentRow(curRow["ds_RowID"]);
ShowCurrentImage();
function SetSlideShowTimer()
function KillSlideShowTimer()
function StartSlideShow(skipTimer)
gSlideShowOn = true;
if (!skipTimer)
SetSlideShowTimer();
var playLabel = document.getElementById("playLabel");
if (playLabel)
playLabel.firstChild.data = "Pause";
function StopSlideShow()
gSlideShowOn = false;
KillSlideShowTimer();
var playLabel = document.getElementById("playLabel");
if (playLabel)
playLabel.firstChild.data = "Play";
function HandleThumbnailClick(id)
StopSlideShow();
dsGallery.setCurrentRow(id);
ShowCurrentImage();
Thank you.

Hi,
I will gladly help you with your problem but please give me a
link to your gallery wither as a private message or by email
([email protected]). The files here pasted are incorrect, look to
the SetSlideShowTimer() or the StartSlideShow() functions above
that are incomplete. Not mentioning that the CSS are really make
the difference.
It will take me more time to try to reconstruct your
structure, not having all the files you reference and probably not
being able to duplicate your problem because the deployment
failure.
Cristian

Similar Messages

How do I get Flash animated slide shows to work on iPads, iPods, and iPhones?

How do I get Flash animated slide shows to work on iPads, iPods, and iPhones?
I'm using a PC. Web Site Flash generated slide show works fine on PC's.
Does not work on Apple platforms.
What do I use to to enable animated slide shows to work on Apple platforms?
cliffordf51127948

Hello,
Flash Player is only supported on Apple OS X systems (10.6 - 10.10). It is not, and has never been, supported on any i-Devices. There are no plans to support these platforms.
Maria

Can't get photo gallery to work

Hello,
Whatever help anyone can give me, is very much appreciated.
I'm a novice to Dreamweaver and coding, and just can't get the
photo gallery to work. I've printed out and studied a lot of Adobe
Spry tutorials & samples but still can't figure out what I did
wrong. When I try to preview the gallery from Dreamweaver, nothing
happens.
This is a sample from the dwsync files automatically created
in the images & thumbnails folders and beneath that is the
coding for the gallery file. Thanks very much.
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="27-golfer-redshirt-wtrophy.jpg"
local="128160701243750000" remote="128165836800000000" testing="0"
/>
</dwsync>
<!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>2006 Golf Tournament Photos</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");
</script>
<style type="text/css">

</style>
</head>
<body>
<div id="thumbContainer" spry:region="dsGallery">
<img src="thumbnails/{@thumbpath}"
spry:repeat="dsGallery" class="thumbs"
onclick="dsGallery.setCurrentRow('{ds_RowID}');" />
</div>
<div id="main" spry:detailregion="dsGallery"> <img
src="images-2-23-07/{@path}"/>
</div>
</body>
</html>

The XML file in the "_notes" folder is generated by DW for
synchronizing your local and remote copies of the website. You can
ignore this completely, as it has nothing to do Spry, and only has
to do with DW managing your site. You can even delete _notes or
turn them off in your site profile and it will have no effect.
However, if you have your testing server set up in the site
profile, you'll need to "put" all your files to the testing server
before hitting F-12 or "preview in browser" as all the files might
not be over there.
There are too many variables as to guess why it might not be
working for you, but it's going to be a more simple set up issue,
and likely not your Spry work.
Can you navigate directly to the folder where your files sit,
and let IE or FireFox open the HTML file? That might just show you
that your files are working correctly by removing DW from the
equation.
Again, there are many things that might not be set up
correctly in DW that could cause a site or page to appear to be not
working. I strongly suggest finding some tutorials on site profiles
in DW so you can get them to work with you, not against you. The
dwsync.xml is part of DWs site management power.
Doug

Photo gallery slide show - automatic start

I have created a web photo gallery in Adobe Bridge and successfully
opened it in my Dreamweaver site, but I want to the slide show to start automatically because it is on my
first page and I don't want people to have to click on the play button. Can someone tell me if this can be done and if so, how?
Thanks

Hi,
I will gladly help you with your problem but please give me a
link to your gallery wither as a private message or by email
([email protected]). The files here pasted are incorrect, look to
the SetSlideShowTimer() or the StartSlideShow() functions above
that are incomplete. Not mentioning that the CSS are really make
the difference.
It will take me more time to try to reconstruct your
structure, not having all the files you reference and probably not
being able to duplicate your problem because the deployment
failure.
Cristian

How can I get photo attachments to show up on the receivers end as an attachments vs an embedded image?

When I try to send photos from mac Mail, the recipients receive them as an embedded image, and cant save them. Please note that most of the recipients are PC users and they do not have the option to save the photos, only copy them in a compressed format. Any suggestions would be helpful!

This may be caused by your hosting provider not having the proper MIME file to display .svg files.
See link.
http://css-tricks.com/snippets/htaccess/serve-svg-correct-content-type/

TS4425 How can I get Photo Stream to show on my Apple TV?

The iCloud terms and conditions do not load when I open iCloud on my PC. I have version 2.1.1 and both my iPad and iPhone are still on iOS 5 (neither of which I want to update to iOS 6).

With the app "Agent-Shot".
But there is no Geotag ;-(
<Edited by Host>

AppleTV: How can I see what song is playing if I am viewing my photos in slide show mode on Apple TV and streaming from my iTunes?

How can I see what song is playing if I am viewing my photos in slide show mode on Apple TV and streaming music from my iTunes?
Thanks.

Thank you Winston. I guess we need to ask that this feature gets added at least as an option in an upcoming release. When someone is using shuffle, it helps to know what is playing while viewing pictures.
Where is my Apple request button when one needs it ? :-) Cheers, C

How can I get photo of callers to vshow full page since I just did the update it doesn't show but a thumbnail pic

How can I get photo of callers to vshow full page since I just did the update it doesn't show but a thumbnail pic

That is the design in iOS 7.1 and there isn't any way to change it. You can provide feedback to Apple if you want: http://www.apple.com/feedback/

Web Gallery Slide Shows: Music and Captions an option?

The title sums up the question. Can web gallery slide shows (on my .Mac account) be made to look and sound like the slide shows i'm running in iphoto - with captions and audio?

Mark:
You can get the captions to be displayed in the web gallery by running this script to move the description to the title field before you publish the gallery. After the gallery is published you can change the title back to the file name with the Photos->Batch Change menu option.
Have you considered using iWeb to create a photo page/slideshow and add the music to it. Here's a test page of such a setup. Be sure to read all of the comments on the linked page as there's a minor error noted in the script that is easy to correct.
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

Auto start flash gallery slide-show

Is there a way to to have a flash based web gallery slide show created in Photoshop CS 3. I have looked in the preferences and so on and can't find anything in PS help files.
Gerhard

Sure,
Hit File > Automate > Web Photo Gallery. After that just follow the basic wizard and let it run. It will create all the .xml files and thumbnails for you.
Jay

Why can't I burn my slide show to DVD in photoshop elements 13. Do I have to buy another program update .?

Photo shop elements make a nice slide show but will not let me burn it to DVD which makes it useless to me.
How do I get the photoshop slide show to burn in another program.?

Thanks so much for your possible solution. If I can pull this off , I will no longer curse adobe PSE 13.
I'm still a long was off to accomplish this goal but I will surely give it a try. H264 (mp4) is still Greek to me.

Can't get a hole to show up in this shape! Advice?

I'm using Illustrator CS5 on Vista 64.
I've been using Illustrator for years, but this one thing always stumps me. I have a shape (the letter R) that I need to put a hole in. It is made of a photo trimmed into a compound shape. In the Pathfinder tool I can't get the Expand option to activate.
Here is a screenshot:
http://www.flickr.com/photos/suehawkins/6938092275/
I have tried everything I can think of and can't get the hole to show up! I'm sure it must be obvious, but what am I missing?? I've been trying to use the Pathfinder tool; I need to learn to retain this trick. *sheesh*
Thank you all for reading this - any help you could give would be most awesome!
---sue h

Hi Sue...not Steve here...
You don't need to lock the image first, but it can aid in not selecting it for a bit.
Lock the image.
Create a rectangle covering the whole image.
Place the shape, or text, for the hole you want onto the image.
If text, make it an outline.
Select both shapes or the rectangle that is over the entire image and the object you want to produce the "hole" in the image with and make a Compound Path (Object > Compound Path > Make or Cmd+8 or Ctrl+8).
Unlock the image and select both the image and the compound path, then make a mask (Object > Clipping Mask > Make or Cmd+7 or Ctrl+7).
Take care, Mike

HT201302 Hi People! please help...I want to know how can i get photos from ipad to the computer, that were synchronized previously to ipad but from another pc that i dont have access anymore and these pics are now only found in this ipad and no other plac

Hi People!
Please help...I want to know how can i get photos from ipad to the computer, that were synchronized previously to ipad but from another pc that i dont have access anymore and these pics are now only found in this ipad and no other place.

Hi Alan,
Thanks for the help, but i've actually done that before.
It does not help, because it only shows the photos on the camera roll and do not show the photos synchronized with that pc that i dont have access anymore.
The photos/albums all appear on the ipad, i can see it without problems but i cant get them out of the ipad to save onto pc for backup.
And i reaaly need it, as it is the only place that i actually have these photos now...

Extension for gallery/slide show

I am looking for a versatile gallery/slide show extension that is completely independent of Flash - ie will not require Flash Player for display (curse iPad) - . Any suggestions please?

Hello,
Below are some links where you can be downloading these extensions is utilized in your project. Extensions are related to free allSlideshow jQuery technology is utilized, with no flash use and have used the same used in my projects.
Links
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1695028
http://www.flevooware.nl/dreamweaver/mxp/Behaviors/LinkedSlideShow/example.html
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1165474
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141541
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141543
Any questions please contact us.
Sincerely;
Eufrasio Rodrigo Vieira da Silva
[email protected]
www.gotejar.org
Web Developer
Brazil - Osasco - SP

Why can't I get photo stream or icloud to work with windows vista?

Why can't I get photo stream or icloud to work with windows vista?

Have you tried quitting Pages completely, restart the iPad and then go back to Pages and see if they will upload?
Go to the home screen first by tapping the home button. Double tap the home button and the task bar will appear with all of your recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner of the app that you want to close. Tap the home button or anywhere above the task bar. Restart the iPad.
Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.

Can't get photo gallery slide show to work

Similar Messages

Maybe you are looking for