Spry Gallery - photos.xml question

Is there a way to generate the "photos.xml" file from a
folder of images automatically. It seems like a lot of hand coding
in the XML file say if you have a gallery with 20 images.

Hi Flat Top,
perhaps, you need a program that understands the structure of
jpegs like exiftool. Momentarily i use a powershell script:
get-childitem images\*.jpg |
foreach {
$image = [String]::Concat("Images\", $_.name)
$thumb = [String]::Concat("Thumbs\", $_.name)
perl exiftool.pl -c "%d deg %.4f min" -p FmtImage.txt $image
| Out-File xml.xml -append
perl exiftool.pl -c "%d deg %.4f min" -p FmtThumb.txt $thumb
| Out-File xml.xml -append
with FmtImage.txt:
<photo
path = "$FileName"
width = "$ImageWidth"
height = "$ImageHeight"
Kommentar = "$Comment"
GPSLatitude = "$GPSLatitude, $GPSLatitudeRef"
GPSLongitude = "$GPSLongitude, $GPSLongitudeRef"
GPSPosition = "$GPSPosition"
Hersteller = "$Make"
Modell = "$Model"
ISOSpeedRatings = "$ISO"
Date_TimeOriginal ="$DateTimeOriginal"
F_Number = "$FNumber"
ExposureTime = "$ExposureTime"
FocalLength ="$FocalLength"
Flash = "$Flash"
and FmtThumb.txt:
thumbpath = "$FileName"
thumbwidth = "$ImageWidth"
thumbheight = "$ImageHeight">
</photo>
this generates most of the photos.xml. Not automated are in
the moment some problems with the german Umlauts and with the
coordinates to bring them in a form understanable by google maps.
Perhaps that might help you.
I have no knowledge of php or Asp, my provider doesn't allow
it.
Greetings from Germany
Hannes Löhr

Similar Messages

  • Spry Gallery galleries.xml v/s galleries.asp

    I´ve been trying to deploy an image gallery, but when I
    declare the dataset as an XML it works great, but is the dataset is
    an ASP page which generates an XML file, it does not work, even if
    I try using the XML file content on the ASP file.
    Does anyone knows who to workarround this?
    Does work
    var dsGalleries = new
    Spry.Data.XMLDataSet("/xml/spry/galleries.xml",
    "galleries/gallery");
    Does not work
    var dsGalleries = new
    Spry.Data.XMLDataSet("/xml/spry/galleries.asp?IDLocal=<%=request.QueryString("IDLocal")%> ",
    "galleries/gallery");
    Thanks
    FBP

    Hey FBP,
    Can you view that ASP directly in the browser without error?
    Do you have a sample URL?
    Thanks,
    Don

  • Styling Spry Gallery Captions Within Photos.xml

    My Spry gallery is working just fine other than I'd like to use italics within some of my image captions. I noticed this line of code in photos.xml.
    <italics font = "georgia"> </italics>
    I'm wondering if this alludes to the fact that I should be able to use italics selectively without writing any XSLT (I'm not very experienced in that department).
    Any advice appreciated.

    Hi Flat Top,
    perhaps, you need a program that understands the structure of
    jpegs like exiftool. Momentarily i use a powershell script:
    get-childitem images\*.jpg |
    foreach {
    $image = [String]::Concat("Images\", $_.name)
    $thumb = [String]::Concat("Thumbs\", $_.name)
    perl exiftool.pl -c "%d deg %.4f min" -p FmtImage.txt $image
    | Out-File xml.xml -append
    perl exiftool.pl -c "%d deg %.4f min" -p FmtThumb.txt $thumb
    | Out-File xml.xml -append
    with FmtImage.txt:
    <photo
    path = "$FileName"
    width = "$ImageWidth"
    height = "$ImageHeight"
    Kommentar = "$Comment"
    GPSLatitude = "$GPSLatitude, $GPSLatitudeRef"
    GPSLongitude = "$GPSLongitude, $GPSLongitudeRef"
    GPSPosition = "$GPSPosition"
    Hersteller = "$Make"
    Modell = "$Model"
    ISOSpeedRatings = "$ISO"
    Date_TimeOriginal ="$DateTimeOriginal"
    F_Number = "$FNumber"
    ExposureTime = "$ExposureTime"
    FocalLength ="$FocalLength"
    Flash = "$Flash"
    and FmtThumb.txt:
    thumbpath = "$FileName"
    thumbwidth = "$ImageWidth"
    thumbheight = "$ImageHeight">
    </photo>
    this generates most of the photos.xml. Not automated are in
    the moment some problems with the german Umlauts and with the
    coordinates to bring them in a form understanable by google maps.
    Perhaps that might help you.
    I have no knowledge of php or Asp, my provider doesn't allow
    it.
    Greetings from Germany
    Hannes Löhr

  • Spry Repeat/XML question

    I am in desperate need of help.
    Here is the path to my html file.
    http://www.3hounddesign.com/WoodsWoods/gallery/index.html
    When you look at it, you see the navigation list on the left
    (Adobe, SF Symphony, Fiery, etc). This list corresponds to the
    images that you see. However some of the navigation items (Adobe,
    Apple, Levi Strauss) have more than one image associated with them.
    I want to be able to use the arrows at the bottom of the page to
    click through to the second image, but not have it show up on the
    navigation list. For example, I only want Adobe to show up once on
    the navigation list, even though I have 2 different adobe photos,
    and thus have created 2 different XML entries for Adobe.
    http://www.3hounddesign.com/WoodsWoods/gallery/galleries/woods/photos.xml
    The first entry has the Adobe title, while I left the second
    one blank. However this leaves a blank space on the navigation
    list.
    Unfortunately I know very little about javascript and am just
    learning about this spry stuff and am very confused, and therefore
    created this stuff by altering the adobe gallery demo
    I also have a version I created by altering the adobe
    products demo (
    http://www.3hounddesign.com/Paul_Woods/identity.html#)
    However that has problems of its own, so I would rather stick
    with my alteration of the gallery demo.
    So basically my question...Is there any way that I can have
    the navigation only show one entry for Adobe (and Apple and Levi)
    yet still have two images there?
    Sadly, I am desperate need of an answer ASAP, as a current
    job I am working on depends on it, and I don’t want to have
    to resort to iframes.
    Please please someone help me!

    Hi,
    I looked over you code and I noticed that you have the image
    src added on the left side.
    You have this <img
    src="galleries/{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}"
    alt="{@thumbpath}" name="tn{ds_RowID}" width="89" height="15"
    id="tn{ds_RowID}" style="left: -77px; right: 0px;" />
    You don't need to have the image added on the left side,
    because you want there only the title (Adobe, SF Symphony...)
    So you should replace the img with a div for example:
    <div style="width:89px; height:15px;left: -77px; right:
    0px;" id="tn{ds_RowID}" >{@thumbpath}</div>
    The reason why you have an empty space after Adobe item is
    that on you xml you have an empty alt attribute.
    To display only the thumbpaths that are not empty you can add
    an spry:if condition.
    So the above div becomes:
    <div style="width:89px; height:15px;left: -77px; right:
    0px;" id="tn{ds_RowID}" spry:if="{@thumbpath}" != ""
    >{@thumbpath}</div>
    This says if thumbpath is not empty display it.
    I aslo load you page in IE and I noticed that the left menu
    is not displayed.
    Diana

  • Adding Caption to Spry Demo Photo Gallery

    Guys,
    Can someone please help... I'm trying to add a dynamic
    caption to the following photo gallery:
    http://www.stevenbeverage.com/gallery.html
    Right now, I'm just using the image path for the caption, but
    it doesn't change with when a new image is loaded. I started with
    the demo files provided in the spry frameworks download.
    Here is my code (the important parts anyhow):
    <link href="spry/screen.css" rel="stylesheet"
    type="text/css" />
    <script type="text/javascript"
    src="spry/SpryEffects.js"></script>
    <script type="text/javascript"
    src="spry/SpryDOMUtils.js"></script>
    <script type="text/javascript"
    src="spry/SpryImageLoader.js"></script>
    <script type="text/javascript"
    src="spry/SpryNotifier.js"></script>
    <script type="text/javascript"
    src="spry/SpryThumbViewer.js"></script>
    <script type="text/javascript"
    src="spry/SpryImageViewer.js"></script>
    <script type="text/javascript"
    src="spry/SprySlideShowControl.js"></script>
    <script type="text/javascript"
    src="spry/gallery_init.js"></script>
    <script type="text/javascript"
    src="spry/xpath.js"></script>
    <script type="text/javascript"
    src="spry/SpryData.js"></script>
    <script type="text/javascript"
    src="spry/gallery_xds.js"></script>
    <script src="SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    var dsPhotos = new
    Spry.Data.XMLDataSet("gallery/sculptures.xml", "/gallery", {
    subPaths: "photos/photo", filterDataFunc: PhotosFilter });
    var dsData = new
    Spry.Data.XMLDataSet("gallery/sculptures.xml", "/gallery", {
    subPaths: "photos/photo", filterDataFunc: PhotosFilter });
    </script>
    <div id="galleryLinks" align="left"
    style="position:relative; width:100%; height:28px;
    border-bottom-style:solid; border-bottom-color:#333333;
    border-bottom-width:1px; margin:0px; top:0px; left:0px;">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab"><a
    href="gallery/sculptures.xml">Sculptures</a></li>
    <li class="TabbedPanelsTab"><a
    href="gallery/paintings.xml">Paintings</a></li>
    </ul>
    </div>
    <!-- Begin Gallery -->
    <div id="wrap">
    <div id="gallery" class="gallery">
    <div id="previews">
    <div id="controls">
    <ul class="style1" id="transport">
    <li><a href="#" class="playBtn" title="Play/Pause"
    id="playLabel"><span
    class="playLabel">Play</span><span
    class="pauseLabel">Pause</span></a></li>
    </ul>
    </div>
    <div id="thumbnails" spry:region="dsPhotos dsData">
    <div class="thumbnail" spry:repeat="dsPhotos">
    <div>
    <a href="{path}"><img alt="" src="{thumbpath}"
    spry:setrow="dsData" /></a> <br />
    </div>
    </div>
    <p class="ClearAll"></p>
    </div>
    </div>
    <div spry:detailregion="dsPhotos dsData">
    Caption:{path}{caption}
    </div>
    <div id="picture">
    <div id="mainImageOutline">
    <img id="mainImage" alt="main image" src=""/>
    </div>
    </div>
    <p class="clear"></p>
    </div>
    </div>
    Any help would be greatly appreciated!
    - Omar

    add additional field : caption1 to the xml file with the
    slideshow album information in each image line. this caption1 field
    will have the
    http:// address of the caption
    then modify the caption display to read -
    <a href="{@caption1}">{@caption}</a>
    see how this works here
    http://jugalbandi.info/wp-content/uploads/2008/click02/index.html

  • Gallery Demo - font info in photos.xml

    <gallery
    base = ""
    background = "#FFFFFF"
    banner = "#F0F0F0"
    text = "#000000"
    link = "#0000FF"
    alink = "#FF0000"
    vlink = "#800080"
    date = "4/11/2006">
    <sitename>Standard Parking</sitename>
    <photographer></photographer>
    <contactinfo></contactinfo>
    <email></email>
    <security><![CDATA[]]> </security>
    <banner font = "Arial" fontsize = "3" color =
    "#F0F0F0"> </banner>
    <thumbnail base ="thumbnails/" font = "Arial" fontsize =
    "4" color = "#F0F0F0" border = "0" rows = "3" col = "3">
    </thumbnail>
    <large base ="images/" font = "Arial" fontsize = "3" color
    = "#F0F0F0" border = "0"></large>
    <photos id = "images">
    What is all the font stuff for? Why would you have this stuff
    here instead of using CSS to control the appearance of the data via
    a rule applicable to the element in which it appears?
    Is it ok to remove this extra stuff?

    Actually, almost all (if not absolutely all) the PS CS2 web
    galleries
    generate XML files.
    The font info is included in the XML file because it's a user
    generated
    choice from a drop-down menu in the Web Gallery creation
    dialog. So
    Photoshop writes it there in order to read it back in to
    whichever
    gallery template has been chosen.
    kinblas wrote:
    > The photos.xml file that is used by the gallery demo was
    generated from
    > Photoshop CS2 using their Flash Gallery ... there are
    only 2 galleries that
    > generate the XML file.
    >
    > I believe they use these style attributes to control the
    look of the Flash app
    > that displays the album. We don't use any of that stuff
    inside our demo. You
    > can strip it out if you'd like.
    >
    > --== Kin ==--
    >

  • Spry XML question

    can spry read in XML as a string? I have an xml page
    generated by a coldfusion query (.cfm) The page parses correctly as
    an XML file, but when spry reads it in, it does not read it as XML.
    I can save the .cfm results (view source) as an XML file and it
    views perfectly through spry. Wondering if there is a way to do
    this with the original cfm file. NOTE: the example linked
    here
    does not work

    I use CF to generate XML all the time.
    You have to make sure you set the content-type to XML and
    make sure to remove whitespace:
    http://labs.adobe.com/technologies/spry/samples/utils/query2xml.html
    But to answer your questions: yes, Spry can read XML strings:
    http://labs.adobe.com/technologies/spry/samples/data_region/XMLStringSample.html
    Hope this helps.
    Don

  • Spry gallery positioning photos

    Hi,
    I am pretty new to dreamweaver and I am creating my first website.
    I've created a spry gallery using the tuturial, which is looking good so far.
    However I was wondering if there is any way of having the large photo centered?
    Thanks,
    Phil.

    Hi,
    Just want to clarify, it is the large picture that displays on the right when clicking on the thumbnail. I was hoping i could have this centered, when displaying landscape and portrait photos.
    If anyone has any ideas it would be appreciated as I am hoping to upload my website soon and this is one of the last things i need to do.
    thanks,
    phil

  • Photo album questions

    Hi, I have put several hours into trying to solve these
    problems myself, but I am stuck. The page in question is:
    http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinv.html
    1. Detailregion area does not display when page opens. It's
    just a skinny gray box on the right. Once you click a thumbnail,
    however, it displays fine, and will display all the images as you
    click on them. Thinking maybe the non-working slide show buttons
    were the problem, I tried replacing the <div id="controls">
    area with the identical one from another page I have that works
    just fine:
    Why does THIS work:
    http://www.georgeglazer.com/prints/aanda/fashion/kuhninv/kuhninv.html
    BUT NOT THIS:
    http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinvquicktest.html
    I've made several pages like hydeliinvquicktest.html that all
    function properly, so I'm baffled.
    2. How do I get a simple slide show going?
    The Spry Photo Album Demo shows how powerful Spry can be, but
    I don't need all that complexity, and I'm having trouble narrowing
    it down to what I need -- no multiple databases, no growing and
    shrinking thumbnails. All I want is to be able to put a bunch of
    images and one XML dataset in a folder and have the ability to have
    people click on "Previous," "Next," or "Play/Pause" in addition to
    being able to click on a specific image.
    One of the problems with the demo for me is the dataset names
    used in the demo get confusing -- I'm having trouble following the
    distinction between and relationship between when you use
    dsGallery, dsGalleries, dsPhotos, and photo, not to mention, why it
    is ultimately unnecessary to make any reference to "china" and and
    the other folder names. And since I know next to nothing about
    Javascript, I can't figure out what substitutions to make to the
    gallery.js code, which is designed to work with these multiple
    databases, and also can't figure out which pieces I need and
    whether the pieces I don't need would get in the way if I left them
    in the js doc or if everything extraneous has to be eliminated.
    3. One of the problems with implementing more Spry pages is
    the tedious work involved to make a little thumbnail for every
    single image in a set, and then make sure they're all exactly the
    same size, which is what I've done so far. I have figured out what
    to do when the main image size varies, and Spry handles that well.
    But here are my problems:
    a. What if the thumbnails vary in size? For instance, this
    hydeliinv.html page has four maps that are part of a set, but are
    all different proportions, and four details I'd like to show that
    represent what they look like close up, all of which are in
    different proportions as well.
    b. And can I have Spry call on the same image file and
    display that full size for the main image, and reduced for the
    thumbnail?
    You'll see right now in
    http://www.georgeglazer.com/maps/newyorkmaps/hydeli/hydeliinv.html
    I've set the height and width in the spry: repeat tag for the
    thumbnails to 100px. I tried just setting the height to that, and
    width to auto; I tried just setting the height to that, and
    omitting the width. In both cases, no thumbnails display at all. I
    see in the Spry Photo Album Demo the use of "path" designations in
    photos.xml. Could I do something with an XML doc that looks like
    this to address both (a) and (b)?:
    <hydeli>
    <inv_item id="1">
    <title>First Map</title>
    <dimensions1>36.5 x 34 inches</dimensions1>
    <dimensions2>37.5 x 36.25 inches</dimensions2>
    <photo
    path="hydeli1.jpg" width="390" height="400"
    thumbpath="hydeli1.jpg" thumbwidth="98"
    thumbheight="100">
    </photo>
    </inv_item>
    <inv_item id="2">
    <title>Second Map</title>
    <dimensions1>36.5 x 34 inches</dimensions1>
    <dimensions2>37.5 x 36.25 inches</dimensions2>
    <photo
    path="hydeli2.jpg" width="379" height="400"
    thumbpath="hydeli2.jpg" thumbwidth="95"
    thumbheight="100">
    </photo>
    </inv_item>
    </hydeli>
    I tried to figure this out, too, but to no avail.
    Thanks for any help you can give me!
    --Helen

    I understand the challenge and worked out some answers that
    support our photo gallery for the ski club. I wanted something
    simple that would support a gallery of up to 100 pictures reliably.
    Also, I wanted it to extract information from the image metadata
    such as names or descriptions.
    The image processing is done using photoshop macros which
    create the appropriate sized image and thumbnail.
    After trial and error I realized current CSS technology is
    NOT capable of vast quantities of demands from more than 20
    thumbnails. That's when I settled on hard formatting the thumbnails
    png files with a nice black border. The thumbnails load up quite
    nicely with NO style formatting. I used PNG files for the
    transparency support.
    The XML data is created using a program I wrote to parse the
    metadata from the image files. Now that all the photoshop macros
    and the XML parser is written, I can load up a large gallery in
    less than thirty minutes. (Not including photo editing.)
    Hope this helps.
    You can see examples at
    http://www.dallasskiclub.org/gallery/slide-shows/2007/05/070207-AlpeDHuez/index.html

  • How to create a Spry Gallery

    Sorry for the rudimentary question, but I want to actually create a spry gallery like the one in the demos, but I am lost as to where to start (using Dreamweaver).
    Thanks, Don

    Hi,
    The basis of the photo gallery is a spry master region and a detailregion.
    Let's say your spry dataset is called photos.
    The thumbnails within the master region are just like something below
    <div spry:region="photos">
    <div spry:repeat="photos">
    <img src="{thumbURL}" spry:setrow="photos"/>
    </div>
    </div>
    and the current image being displayed sits within this markup.
    <div spry:detailregion="photos">
    <img src="{imageURL}"/>
    </div>
    When you click on the thumbail it sets the current row of the photos dataset to that of the thumbnail.  The detailregion automatically listens for this changes to updates it markup to show the matching full size photo for that row.
    You then add some classes or div ids and css to style your photos and you have your basic photo gallery.
    If you want to be able to select different galleries then you have different XML datasets for each gallery and on clicking the appropriate link or select item you run code like below
    photos.setURL("gallery1.xml");
    photos.loadData();
    photos.setURL("gallery2.xml");
    photos.loadData();
    photos.setURL("gallery3.xml");
    photos.loadData();
    This will reload both the master region (thumbnails) and the detailregion (currently selectedphoto).
    For the slideshow effects you just use Spry effects and the setrow functionality triggered via a timer (setInterval) i.e. here's some sample code from one of my pages
    function pauseShow()
    clearInterval(StartSlideTimer);
    Spry.$$("#slideshowPlaying")[0].innerHTML = "";
    function startShow()
    clearInterval(StartSlideTimer);
    StartSlideTimer = setInterval("fadeOutContentThenSetRow()", 6000);
    if (shuffle)
    Spry.$$("#slideshowPlaying")[0].innerHTML = "<p>You are playing the slideshow in shuffle mode</p>";
    You can see the working page here www.thehmc.co.uk/photo.html
    Our club pages works with our photos and albums on our Picasa account because that way you don't need to produce the xml, Picasa does that via it's rss feeds.
    Feel free to use any of the code I've written in your pages or start with a basic version as I've outlined at the top - that's how the above page started out then I styled it with css and added the fancier stuff once the basics were working.
    Regards
    Phil

  • XML & Photos.xml

    My other question is about the photos.xml (and gallery.xml)
    file.
    I don't own ColdFusion, and can't afford it. I do Dreamweaver
    8, and Photoshop Elements 4 (for the Mac).
    Before I embark on writing something, is there any utility I
    can use to create these XML files? Typing all this information in
    is tedious and error-prone. It also makes my (hopefully
    forthcoming) photo site difficult to maintain.
    Thanks again
    Carolyn Ann

    Good question. I installed PE4 and as I had hoped, the Web
    Photo Gallery creator outputs a XML file of the image information.
    This is the kind of file we used from Photoshop when we first
    started making Spry.
    So you can generate it from that, but you will notice that
    they use <image> as their node name. You will have to change
    that to <photo> or something other than <image> since
    Safari causes trouble with that name in it's processing of Spry.
    Hope this helps.
    Don

  • Movie not displaying in spry gallery

    Hi,
    I have a project which needs to displays movies instead of pictures gallery, I am using your code example.
    Do I need to add any other code or change code before this will display properly, its and intranet so I can't show just add the code as below?
    When i view the page the url only shows up, no image!
    Can anyone help me please.
    thanks
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Capita Charity Week - 2 - 6 November 2009</title>
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <link href="CharityWeek.css" rel="stylesheet" type="text/css" />
    <link href="menu.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript" src="Movies/includes/xpath.js"></script>
    <script type="text/javascript" src="Movies/includes/SpryData.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet("Movies/movies.xml", "gallery/photos/photo");
    </script>
    <style type="text/css">
    <!--
    img.thumbs {
    float:left;
    height:60px;
    width:60px;
    margin-right: 2px;
    margin-bottom: 2px;
    border: solid black 1px;
    cursor:pointer;
    #thumbnail {
    position:absolute;
    left:372px;
    top:294px;
    width:296px;
    height:273px;
    z-index:1;
    #main {
    position:absolute;
    left:560px;
    top:292px;
    width:491px;
    height:315px;
    z-index:2;
    -->
    </style>
    <link href="CharityNav.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="twoColLiqLtHdr">
    <div id="thumbnail" spry:region="dsGallery"> <img src="Movies/thumbnails/{@thumbpath}" spry:repeat="dsGallery" class="thumbs"onclick="thumbs" spry:setrow="dsGallery"/></div>
    <div id="main" spry:detailregion="dsGallery"><img src="Movies/images/{@path}"/><br/>
      Name:{@path} </div>
    <div id="container">
      <div id="header">
        <div id="Logo"> <img src="images/logo.gif" alt="Macmillan Cancer Support" width="156" height="44" /> </div>
        <div id="MacLogo">
          <p><img src="images/macmillanlogo.gif" alt="Macmillan Cancer Support" width="144" height="60" /> </p>
        </div>
        <h1><br />
          <br />
          Charity Week </h1>
        <h1>2 - 6 November 2009</h1>
      </div>
      <!-- end #header -->
      <div id="Nav">
        <ul>
          <li class="Grey"><a href="index.html" title="Home" target="_self" >Home</a></li>
          <li class="Grey"><a href="AboutMacmillan.html" title="About Macmillan" target="_self">About Macmillan</a></li>
          <li class="Grey"><a href="Fundraising.html" title="Fundraising" target="_self" >Fundraising</a></li>
          <li class="Grey"><a href="Games.html" title="Games" target="_self">Games</a></li>
          <li class="Grey"><a href="Quiz.html" title="Quiz" target="_self">Quiz</a></li>
          <li class="Grey"><a href="Auction.html" title="Auction" target="_self">Auction</a></li>
          <li class="Orange"><a href="Capita_got_Creative.html" title="Capita's got creativity" target="_self">Capita's got creativity</a></li>
          <li class="Grey"><a href="Nominate.html" title="Nominate a Hero" target="_self">Nominate a Hero</a></li>
          <li class="Grey"><a href="create_your_own_poster.html" title="Create your own posters" target="_self">Create your own posters</a></li>
          <li class="Grey"><a href="FormsPRPack.html" title="Forms &amp; PR pack" target="_self">Forms &amp; PR pack</a></li>
          <li class="Grey"><a href="Contact.html" title="Contacts" target="_self">Contacts</a></li>
        </ul>
        <!-- end #sidebar1 -->
        <!-- end #menu -->
      </div>
      <div id="DGreyline">
        <!-- end #DGreylines -->
      </div>
      <div id="sidebar1">
        <div id="sidebarTitle">
          <p>In this section</p>
          <!-- end #sidebarTitle -->
        </div>
        <div id="menu7">
          <ul>
            <li><a href="Capita_got_Creative.html" title="Capita's got Creativity" target="_self">Capita's got Creativity</a></li>
            <li><a href="CapitagotCreative_Images.html" title="Upload Images" target="_self">Upload Images</a></li>
            <li><a href="CapitagotCreative_movies.html" title="Upload Movies" target="_self">Upload Movies</a></li>
            <li><a href="CapitagotCreative_short_stories.html" title="Upload Short Stories" target="_self">Upload Short Stories</a></li>
            <li><a href="DrawingComp.html" title="Drawing competition" target="_self">Drawing Competition</a></li>
          </ul>
        </div>
      </div>
      <!-- end #sidebar1 -->
      <noscript>
      </noscript><div id="mainContent">
        <h2>Upload Movies</h2>
        <p class="newdesignFin"> </p>
        <p align="left"> </p>
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
      <br class="clearfloat" />
      <div id="Greyline">
        <!-- end #Greylines -->
      </div>
      <div id="Greenline">
        <!-- end #Greenlines -->
      </div>
      <div id="footer">
        <p>&copy; 2009 CAPITAconnect. All rights reserved. </p>
        <!-- end #footer -->
      </div>
      <!-- end #container -->
    </div>
    </body>
    </html>

    Could you post a online url instead? this way we can acutally see where it goes wrong with your files.

  • SPRY GALLERY STATIC - main image caption from alt attribute?????

    I have been searching and digging for an answer to this question, but nothing comes up... the web , discussions, spry documentation... there is no joy to be had where the static gallery is concerned.
    Please, could someone here enlighten me? I am trying to figure out how to add captions with static links. I have a working version of the gallery with thumbnails embedded on the page, but am stuck trying to bring the ALT attribute into the main image.
    I have just finished a redesign of my boyfriend’s site, which is image heavy and uses the dynamic gallery in many of its pages (no problem with captions there). I am trying to replace the XML with static content for usability, tracking and general search engine issues.  I could post a link to my static version if this helps clarifying the problem.
    Help would be hugely appreciated.

    Please read what I am writing to you.
    SparklyArt wrote:
    Thank you Ben, for your informative reply and link!
    I can see the advantages of an html dataset, it makes a lot of sense, but the problem I am trying to solve right now is due to the fact that the spry gallery static does not use any dataset at all, which is actually great, but I can’t find any information on how to add titles to the main images.
    Maybe this will clarify... my test page < http://www.theoland.com/art/spryGalleryStatic.htm > is based on this example:
    < http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html > - here, the embedded thumbnails are linked directly to the main images... no xml, no dataset... but, unfortunately, no titles either... are there any scripts that would help solve this? Can the gallery_init.js be modified to grab the alt or title tag?
    The site has validated as it is (gallery test not included), but the dynamic pages are definitely not search engine friendly. The static gallery_pe would be a lovely alternative.
    Can you help?
    Even though you might not think so, your static gallery does have a database of sorts albeit in the form of images placed in a folder. This is called a flat database because it does not have the different relationship tiers of the likes of MySQL.
    To update your database, you simply add/remove/change an image and to link that data to your web page you add/remove/change the link; exactly the same process as with MySQL.
    The problem that you are faced with is that, except for the name, width, height, size, encode type, there is no information attached to the image that you can use for a caption or title.
    That is why I suggested using an HTML table so that you can marry your image up to some useful information. No JavaScript required! These sorts of tables have been in use for more two decades to show the same as what you are showing in your static gallery; but without the fancy features that JavaScript (in our case Spry) adds.
    These pages give us the ultimate in search engine intimacy.
    Having established the above, we make use of the HTML table to create a Spry dataset on the same page. Nothing else changes.The Spry dataset can then be used to incorporate the fancy features that you so desparately want all without XML.
    JavaScript (in our case Spry) data is not search engine friendly, but because we already have the data in our static HTML table we do not have to wory about that.
    The end result is a good looking site that is search engine friendly.
    Ben

  • Spry gallery - image link to url and autostart help please

    Can anyone help with:
    1) autostart the gallery
    2) click on full size image to go to a url
    Both questions are for image gallery example
    I would like the gallery to autostart but cannot get it to
    work with onload.
    Also, to click an image an goto a url -I know the url should
    be in the photos.xml files but I could really use details on how to
    add to the html file, or would it be better handled with a
    gallery.js function?

    The reason why it might not work on load is because you need
    to wait until the thumbnail region has been generated.
    Look for this line in gallery.js:
    setTimeout(function() { ShowCurrentImage(); }, 100);
    and change it to:
    setTimeout(function() { ShowCurrentImage(); StartSlideShow();
    }, 100);
    We really shouldn't need to use timers anymore to do all of
    this, but I didn't get a chance to update the gallery demo to use
    some of the new things we added for preview release 1.1. It will be
    cleaned up in the next release.
    As for going to a URL, if you're going to wrap the main image
    with a link, you'll have to modify SetMainImage() in gallery.js to
    account for the change in parent hierarchy.
    You'll probably have to add some code in SetMainImage() to
    update the href of the link to point to the specific url for that
    image.
    --== Kin ==--

  • Don Booth spry gallery

    Recently found Don Booth's Spry photo gallery tutorial and all worked fine. But when it displays the photos online it listes the photo name as a .jpg.
    Is there a command I can add or change to make it show what I want instead of the file name.
    example from my photo.xml file
    <photo
    path = "Frontcover.jpg"
    width = "263"
    height = "350"
    thumbpath = "Frontcover.jpg"
    thumbwidth = "56"
    thumbheight = "80">
    </photo>

    Have you had a look at Spry UI?
    Spry UI is a complete rebuild of the Spry Widget framework. Spry UI  is more powerful, consistent and customizable than before. One of the  major changes is that all Spry UI now make use of the same base class.  Rather than creating a base for each widget, its now broken up in to  "components".
    All  Spry UI widgets come with a plugin based architecture so you can extend  the existing functionality simply by adding a plugin to your widget.
    You can  find more info about Spry UI at the Spry Site.
    http://labs.adobe.com/technologies/spry/ui/
    I hope this helps.
    Ben

Maybe you are looking for

  • Use of end-date as part of Primary key in SAP Tables

    All, Any ideas on the rationale behind SAPs use of end-date as part of Primary key in general, specifically on condition Tables(A9xx for example) instead of Start-date? appreciate any help!! Best Regards TRP

  • My iPad 2 won't power up and will not recover in iTunes

    My iPad 2 will only power up to the Apple screen and then after around 60 seconds of being on that screen it switches itself off and starts again. I have tried to recover the iPad through iTunes by pluging the cable into the laptop, pressing and hold

  • The system process 'C:\Windows\system32\lsass.exe' terminated unexpectedly with status code 255

    Hello All We have a server 2008 R2 HyperV server and during the last few months it started to reboot randomly. Initially we thought its related to the issue fixed by the following hotfix so we applied it but even with the hotfix it still keeps reboot

  • Cisco ASA 5520 (asa 8.2) hairpinning

    Hi All, We have a ASA 5520 (redundant) in our network which we are using for different customers. For every new customer we create a new VLAN and place their servers in this VLAN. On the ASA we create a new subinterface for every customer which is co

  • New Source System Client for BW

    Hi All, Currently we have R/3 QAS Clint 102 connected to BW QAS. We want to get rid of this Client 102 and connect a new QAS Client 100 (same server but different Client) to BW QAS. I created a new Source System (QAS100) in BW QAS and did a restore.