Refreshing dataset in Spry photo demo

Hi everyone, only recently discovered Spry, it looks great so
far.
I have come across a problem I havent been able to resolve;
In the demo application of the Photo Gallery, I want to
create a button, that 'reloads' the core data i.e. the albums list.
Is there a simple way of doing this? In my app, the albums change
outside the gallery, and I effectively want a refresh button
without having to reload the entire page. I'm currently getting
around caching by using a JS random number in the XML url.
Any help much appreciated :)

Hi Don, you're a star!! It works perfectly!
I have one more query (sorry!).
In my setup I occasionally encounter 2 other scenarios.
The first is when a user doesn't have any albums. The second
is when the user has an album(s) but an album doesn't have any
images within it.
Is there anyway this could be dealt with from a Spry point of
view. Ideally I would like it to say something like - You don't
have any albums / Album contains no pictures.
Ive got as far as providing an empty album xml, to which spry
remains silent without errors (which is good) but I would like it
to say ' There are no albums' or something similar.
A shove in the right direction would be greatly appreciated.
Thanks for your help and patience.

Similar Messages

Refresh dataset after deleting photo?

Hello,
I have created a photo-manager-on-steriods (aka ajax) for my
spry photo gallery.
My setup is as follows:
var dsTours = new Spry.Data.XMLDataSet("xml_datasource.php",
"tours/tour", { useCache: false } )
var dsGalleries = new
Spry.Data.XMLDataSet("galleries/galleries_xml.php",
"galleries/gallery");
var dsGallery = new
Spry.Data.XMLDataSet("galleries/gallery_xml.php?tour_id={dsTours::id}",
"gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("galleries/gallery_xml.php?tour_id={dsTours::id}",
"gallery/photos/photo", { useCache: false } );
Basically, I have a list of "Tours". There is a gallery for
each tour. when I select a tour, it displays the gallery for that
tour. This setup is packed into tabbed panels, but i doubt that is
relevant.
I have the thumbnails of the current gallery displayed in a
modified version of the preview thumbnail box of the photogallery
demo. Under each thumbnail, there is a delete button.
Currently, this button "onclick"s to:
function deleteGallPic(picID)
if(confirm("Are you sure you want to delete this photo?")){
Spry.Utils.loadURL("POST",
"config/delete_gallPic.php?pic_id=" + picID, true,
deletePicCallback);
with "deletePicCallback" being:
function deletePicCallback(req)
dsPhotos.loadData();
THE PROBLEM(s):
When I click on the delete button, it reloads the whole page
(defeats purpose!?) and resets the row number of "dsTours", and
thus the photo gallery being displayed is not the one I was working
on.
Also, sometimes it takes up to four clicks (not
click-click-click) of the delete button for the photo to be
deleted.
What i want is that when I click the delete button, the
function sends a behind-the-scenes request to the deletion file.
Once it has been deleted, I want only the dsPhotos (i think)
dataset to be reloaded. I don't see a reason for the page to reload
due to an ajax request.... anyways, I've been struggling with this
for some time, and would really appreciate someone's help.
PS: Why is it that, when I send a request using the "POST"
method, I can't recieve the variables using $_POST['foo'] ?
How do I go about sending them via post?
Thanks in advance,
Maquelly

Hi Maquelly,
Change your line:
Spry.Utils.loadURL("POST",
"config/delete_gallPic.php?pic_id=" + picID, true,
deletePicCallback);
to:
Spry.Utils.loadURL("POST", "config/delete_gallPic.php", true,
deletePicCallback, { postData: "pic_id=" + picID, headers: {
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
That should fix the problem where you aren't able to access
via the $ _POST array in php.
I'm a bit puzzled as to why your entire page changes. Is the
button underneath image a submit button?
<input type="submit" ... />
Or a normal button?
<input type="button" ... />
--== Kin ==--

Spry Photo Gallery "Controls"

Spry Photo Gallery “Controls”
Hi Don Booth, David Powers, Kinblas et al,
Thank you all for your commitment, and I hope Spry isnt dead?!
I am years behind but I antē d up for the CS4 Master Collection at the beginning of the year and have been plowing through the many written and tv.adobe tutorials on the various programs. Some confuse so it was a pleasure to come to the straight forward instructions in Don Booth’s Photo Gallery that worked first time!
Forgive me however but although I have spent the last week perusing the forums (getting to know you all so well!) I can’t find any thread to help me to correctly add the “transport” “controls” div’s and bind them so that I get a better response to next/play/pause. I did find one detailing how to de activate the SlideShow Navigation - by deleting the container!! V1 Oct ’07.
As it seems to me there is nothing out there (in the Forum(s)) I assume this must be a simple case of ignorance on my part, and,- I feel stupid - I must be lagging way behind - for which I humbly apologize and ask for your help, thank you in anticipation.
http://www.portofinobayside.com/Gallery.html# (simpleTest - your images)
Tunedup

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Spry Photo gallery

Can anyone point me to a free download of all the files for
the fancy Spry Photo Gallery demo that is on adobe's website. The
basic tutorial is good but I am stuggling to add the fancy
fade/appear and hover elements and also the ability to load
multiple galleries.
Thanks

You might find what you are looking for in the demos/gallery
folder of the downloaded Spry 1.6 code. This is the same gallery
you can find at
http://labs.adobe.com/technologies/spry/demos/gallery/
Let me know if that is not what you wanted...

Tutorial for a Spry photo gallery with thumbs and buttons ???

Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions) ???
Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : )
The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
I appreciate any help very much. Thank you.

Just Google for the Spry photo gallery and you might find
http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
or even a few others.
Happy Sprying
Ben

Spry Photo Gallery not viewing

am new to web design and followed this tutorial to make a
Spry Photo Gallery:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
I am using Dreamweaver CS3 and when I preview my files,
everything is perfect and in place. When I upload everything and
view it on the server, no photos show up, and all of my div layers
are out of whack or missing even.
Any ideas, suggestions?? I feel like I am missing something
really simple.. THANKS!
http://www.summerinchicago.com/photoGallery/gallery.html
http://www.summerinchicago.com/photoGallery/photos.xml
http://www.summerinchicago.com/photoGallery/includes/SpryData.js
http://www.summerinchicago.com/photoGallery/includes/xpath.js
http://www.summerinchicago.com/photoGallery/images

I've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari.

Help with photo demo

I uploaded photo demo on two different servers. Works on one
not the other. Checked case, it seems to be correct. At a loss as
to what it could be.
Working:
Link
#1
Not working:
Link
#2
Error code says Spry not defined.

At your second (non-working) link, the includes SpryData.js,
and SpryXML.js are not complete... they have only some commented
text and no code. Try uploading your includes/ files again, and
make sure they successfully transfer.

Spry Photo Gallery Image Size via CSS

Hello!
I´ve been customizing the spry photo gallery for a couple of time, but got my little problem when viewing it on a mobile phone. When you load up the pictures with a size of 450 x 300 px for example, put up the right xml file with it´s width and height, so the gallery shows the pictures in that size. So what I want to do is that you can specify the image size with css depending on the device you´re watching the site with. There is div in the css called "mainImage" where the size is in %. When you change it to 75% for example. The pictures are correctly shown with 75% of it´s original size, but the outline (grey background) is still in 100%. When you make this grey background transparent it´s still there and moves the caption down. I guess there have to be done some changes within the SpryImageViewer.js, but I just know very little things about JavaScript. Do you have any clues how to change this to specify the image size via CSS?
Thank you for your help!!!
Kind regards,
Joerg

I see you are still using Spry 1.5. Have you considered upgrading to
Spry 1.6.1?
Also your XML is broken, if you open up your xml in a normal standards
complaint browser such as firefox, you will see that it doesn't render
a normal tree view as it would do with other xml files. So i suggest
checking those errors out.
Its mainly because you forgot to close your starting tag of the
gallerys node. (<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
before your xml starts.

Spry Photo Gallery Broken Image Link

I have attempted to merge the spry photo tutorial with our church's website. The images simply won't show up. It shows a broken image icon, but I can't understand why. I am wondering if the menu bar's javascript is interfering. Here's the code:
Photo Gallery Page:
http://gtcdunn.org/GTWebsite/HTML/Gallery1.html
XML
http://gtcdunn.org/GTWebsite/photos.xml
Spry Assets:
http://gtcdunn.org/GTWebsite/SpryAssets/xpath.js
http://gtcdunn.org/GTWebsite/SpryAssets/SpryData.js
Thanks so much for your help!
~Chris

I see you are still using Spry 1.5. Have you considered upgrading to
Spry 1.6.1?
Also your XML is broken, if you open up your xml in a normal standards
complaint browser such as firefox, you will see that it doesn't render
a normal tree view as it would do with other xml files. So i suggest
checking those errors out.
Its mainly because you forgot to close your starting tag of the
gallerys node. (<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
before your xml starts.

Change cursor to pointer in spry photo gallery

Can anyone help me, I have created a website using Adobe's Spry Photo album and I need the cursor to change to a pointer to give the user an indication that there will be an action occuring when the thumbnail in the gallery is clicked.
Dave Powers suggested that I use a "hover pseudo-class" and gave me this code and suggested I put it into my Style sheet.
.thumbs:hover {
cursor: pointer;
I tried this but it did not work.
The website is: www.artizancreations.co.uk
Have I put this code in the wrong place, if so where should it go?
Regards
P

poloswartzenegger wrote:
Hi Nadia, thanks for the input, I tried your suggestion and the cursor remained the same. I am trying the suggestions before uploading to my server, that is why you will not find David's code anywhere.
Ah, that confirms why I couldn't see it :-)
copied and pasted directly into the css stylesheet initially, but that did not work. Do I have to create a new rule in the style sheet and if so would it be a class? and once that rule has been made how do I add the code?
Well, into the stylesheet would be better because if you have the a similar gallery on another page, the other pages will read it too, if they are linked to the stylesheet.
Yes, it is a class.
Perhaps .thumbs should read .thumbnails as I do not think thumbs is anywhere in my code?
If there is a .thumbnails class in your current stylesheet and it refers to the styling of the thumbnails, then yes, replace thumbs with thumbnails and see if that works.
On a very quick look, I couldn't see a class for the thumbnails, all I could see what a class for the .thumbsContainer.
I'm only going by the code that David supplied you to make sure you place it in the correct place for testing purposes. I have not used this gallery before and am not sure of all the styles associated with it.

Dynamic Spry Photo Gallery Thumbnails

I'm implementing the XML version of the Spry Photo Gallery. I
need to edit the size of of the thumbnails and make them larger,
roughly 100x130 or maybe a little smaller. Since I have so many
photos, I was planning to use CSS to handle the overflow with a
scrollbar. I noticed sizing occurs in the Index file, Gallery.js,
and in the XML file. Are there any others that im missing? I'm
having a problem with resizing them, they dont resize when I adjust
the size in those places. Any suggestions would be appreciated.
Thanks
link (select Tattoo from the dropdown):
http://www.bugsartwork.com/beta/gallery/index.html

I overlooked screen.css, there was some css that was setting
the thumbnail img tag.

No Thumbs or Main Image with Spry Gallery Demo

Hi everyone, DW CS3 newbie here.
I hope this topic hasn't been beaten into the ground yet.
I'm trying to put together a site
(members.cox.net/rangersbu9/gallery.html) for my son's soccer team
and am running into a wall getting the original, dynamic Spry
gallery demo to work. I've done my best to collect and modify the
required files and place them appropriately but, when the files are
loaded on the live server (the wrap div contents are all but
invisible when I view with IE7 locally, apparently due to the PC
not be set up as local server) the thumbs are 'x's and the main
image is a 1px x 1px dot.
The controls will highlight between the empty thumbs and the
gallery pull-down will select between the two options I've put in
the XML file but that's about it. Perhaps it is my ignorance, but
it seems like a ( src= ) tag is missing in the 'mainImageOutline'
div because I cannot understand where the main picture is coming
from otherwise.
Any insight from the source at the link above? Please keep in
mind I have two week's experience with DW and website building but
do have a programming background (from a few decades ago :->). I
believe I have the un-updated CS3 Spry version, if that matters.
Many thanks to Don and others here for posts that have helped
me get this far.
-Kurt

Update:
Got the thumbs to appear. Had them physically sized larger
than the XML fields stated. However, they will not grow/shrink. In
digging through gallery.js, I see that those two functions call
Spry.Effects.SizeAndPosition() - I cannot find that function in any
of the includes (i.e. SpryEffects.js). Spry.Effects.Size yes, but
not SizeAndPosition. Wondering if this gallery.js calls a later
version of SpryEffects.js than I currently have installed (it's
Spry 1.4). I will download 1.6 and check it out but if anyone has
any other input, please let me know.
Still no main image. In gallery.js I found ShowCurrentImage()
which had a hardcoded path to the images that did not match mine.
Corrected the path but no change.
Any suggestions?
Thanks.
-Kurt

Spry Photo Gallery - How to add links to images

I was wondering if any one knew how I could add individual
links to images on the spry Photo Gallery—An XML-based photo
gallery. I need each image to have its own individual link when
clicked on. Any assistance would be most helpful.

Hi,
In the dashboard --> edit option u can see dashboard object here u can see folder ...by this folder u just include dashboard page other wise in the catalog share folder u need create each and evry module pre planned folder then save it each dashboard pages to relevent module folder.
THanks
Deva

Spry photo album displays in Safari not in IE

I used the article
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
as a guide to build a spry photo album for a pool & spa web
site. The photo album displays perfectly in IE when I preview it
locally. However, when viewing the photo album after uploading to
server, the photo album does not display. To make the problem more
confusing, when I use safari to view the photo album it works
perfectly on the server. What have I done wrong to make it work in
Safari and not IE? I need it to work in IE. I have cross checked
the code dozens of times trying to find the problem with no luck. I
need some direction please.
Here are the files in question:
http://www.lagobellopools.com/free-form-pools.php
http://www.lagobellopools.com/free-form.xml
http://www.lagobellopools.com/styles.css
Many thanks in advance for your response!

When validating
http://www.lagobellopools.com/free-form-pools.php
I get these error's in dreamweaver and at W3C;
The tag: "div" doesn't have an attribute: "spry:region" in
currently active versions.[XHTML 1.0 transitional]
The tag: "img" doesn't have an attribute: "spry:repeat" in
currently active versions.[XHTML 1.0 transitional]
The tag: "div" doesn't have an attribute: "spry:detailregion"
in currently active versions.[XHTML 1.0 transitional]
Could this be why it works in firefox and Safari and not
Internet Explorer? I am perplexed as to why the spry photo album
will work in all browers except IE. It will only work in IE
locally. What am I missing? If anyone has any ideas at all please
let me know. Does anyone have a working example of the spry photo
album in Internet explorer?

How to make like Spry Products demo using Flash CS4 / xml?

hello there!
i wonder is it possible to make something similar to Spry Products Demo using Flash CS4 for front end and xml for back end data. take a look at this draft image. If it can be done, can someone guide me please. I am super new to AS2/3 - Please. Thanks for your help.

hello there!
i wonder is it possible to make something similar to Spry Products Demo using Flash CS4 for front end and xml for back end data. take a look at this draft image. If it can be done, can someone guide me please. I am super new to AS2/3 - Please. Thanks for your help.

Refreshing dataset in Spry photo demo

Similar Messages

Maybe you are looking for