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
FBPHey 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 -
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!
- Omaradd 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 ==--
> -
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 workI 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 -
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!
--HelenI 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 -
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, DonHi,
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 -
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 AnnGood 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 & PR pack" target="_self">Forms & 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>© 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 ==-- -
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
-
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.