Photo Gallery start up problem

Question

I have a glitch and it's probably me … but here's what
I know.
About Don Booth's Photo Gallery:
It's great. Everything is good - integrated with my CSS -
looks nice.
When the page loads all is well except the first image in the
Gallery does not display in <div id="mainImageOutline"... (and
the first thumbnail is not highlighted). While I'm building and
testing this is OK. Just click a thumbnail and everything works
well.
In the demo, the Gallery is operational by default and starts
up with the first thumbnail and Spry:detail produces the
corresponding image (automatically). That's what I want.
About my code:
Except for a couple of "page layout" divs that I have,
consistent with my own site-wide style sheet conventions, such as
<div id="wrapper"> and <div id="maincontent"> I have:
1. Copied Don Booth's xhtml code directly from the
Spry_1_1_022408 download sample.
2. Copied Don Booth's css code directly from the same
download sample.
3. Copied Don Booth's gallery.js directly (without change as
far as I know).
The only significant change (apart from CSS and xhtml
structure) in my work is - I added an additional Spry:detail div to
present additional datapoints from xml. This is not relevant to my
question because the issue that concerns me is consistent if I
remove this second detail div. The start-up problem remains.
The URL for the gallery page in question is:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/gallery.htm
I imagine the problem is in gallery.js. You should know that
javascript is a bit like dungeons and dragons to me.
I have an error report:
Error: dsPhotos is not defined
Source File:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/includes/gallery.js
Line: 55
So, when I see:
var gAutoStartSlideShow;
if (gAutoStartSlideShow == undefined)
gAutoStartSlideShow = true;
I imagine I'm looking at something useful but I don't know
what to do with it, or if it is the right code to focus on. I
respect the relationship with level 4 support engineers, but after
trying to solve my own issue for a few weeks I decided it was time
to submit my question. How do I get Photo Gallery to start up like
the demo?
Additional information:
There is also a series of error reports that show when the
Gallery is playing (for example):
Warning: Expected end of value for property but found
'-0.0775'. Error in parsing value for property 'opacity'.
Declaration dropped.
Source File:
http://www.yhqg.org/Celebration/quiltshow2008/galleryix/gallery.htm
Line: 0
I don't think it is related, but that's what I know.
I tried to copy my xhtml (below) but it caused this message
to exceed allowed size. But I don't see that xhtml is the problem.
You can see the source at the URL (above).

Answer 1

Hi Latauro,
Sounds like you need to turn your Slideshow into a Track, and then set the Track to display as 16:9 Letterbox; but first, you'll also need to encode your slides as wide Mpeg 2 clips (encode set to 16:9), too; to whatever duration you have them set in the Slideshow, currently (if they're not already wide encoded clips).
It would be good to stick some same duration audible or silent same format and bit rate audio underneath each of the new movie slides, to present players a nicely packed VOB.
Take care,
Trai Forrester
TFDVD Research Labs
http://www.DVDVerification.com
PS. If this helps you, would you please remember to declare the thread as "Solved". Although probably hopeless, someone should make a run to try and catch up with good Drew!! (see what happens Hal, when you take some time off?!