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.

Similar Messages

  • Spry Photo Gallery not visible other than in Safari

    Hi,
    I created a photo gallery using Spry using the step-by-step instructions found at http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html.
    The problem is that my gallery only can be viewed in Safari — Firefox, Netscape and Explorer (on a Mac) shows nothing of the gallery.
    Here's the link:http://www.highmarkdesigns.com/Proofing/gsconsultants/website/gallery/gallery.html
    I would greatly appreciate it if anyone can tell me why it's not working in the other browsers and how to correct it to work "everywhere."
    Thanks!
    Hanna

    THe IE version on the Mac is not supported by Spry. Its cross browser support includes:
    Internet Explorer 6 +
    Firefox 1.5 +
    Opera 9.6 +
    Safari 2.3 +
    Chrome
    As for the HTML content i saw in your scripts, it was just a basic empty page HTML.
    Something like this;
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    <body>
    </body>
    </html>
    It didn't say the cause of this issue, just HTML tags. But if its fixed, than I wouldn't worry about it anymore.

  • 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 "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...

  • Photo Gallery not opening

    << Branched from an old discussion about photo gallery not opening >>
    I had a similar problem, only it was because i was in the phone deleting files that i thought i didnt want. UGH! I think mine was due to facebook and not syncing. My gallery would work, but the widget on the homescreen seemed frozen and when i tried to look at picture thru it, it said there was an error.
    I deleted facebook and then installed it again, somehow, getting better updates. I also took the widget off the homescreen for a little bit. After a reboot of the cellphone, and an update of facebook and new SYNCS, suddenly it is working again as it once did.
    I did NOT want to do a hard reset, it took along time to tweak my settings as i wanted them, so i opted out of it.
    Hopefully you have better luck than i did. It took me like a week to figure houw i was going to go around doing a hard reset.

    sorry, i forgot to say my firmware version is v3.0638.0.0.1

  • 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

  • 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.

  • 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

  • Photo Gallery not showing photos in computer Web browser

    None of my photo gallery photos are showing up in a computer's Web browser?  They show up fine when you click "View Web Journal in Safari" on an iPad 2, but when I publish them to iCloud and Share the Web Journal Link, the photos don't show up??  It's happening with all of my Journals.  It doesn't work on a Mac or Windows?  What gives??
    You try it:https://www.icloud.com/iphoto/projects/#1;CAEQARoQdoVWsxptdYjcSQD-Rg1QVg;B692688 8-A220-4FF7-848F-6383BB15A5DB

    Arrrrrrrrrrrrrrrrgh, matey. They all show for me in Safari but require several page refreshes to get them all to display.  Those that don't display will if I click on it and then go back to the page.  However, when retuning to the first page will put be back at square one and require multiple refreshes to get them to display, but not always.
    Also, the page links are all messed up.  Clicking on them just returns me to the first page. If I Option click on a page link from Page 1 I will get to the right page. 
    I am unable to get Firefox or Chrome to work at all on your gallery. 
    Send a bug report to Apple via http://www.apple.com/feedback/iphoto.html.  You can include the URL to this topic in order to include my comments and findings.
    OT

  • Troubleshoot Main Image for spry photo gallery

    Hello, I am modifying some spry files to see if I can get the
    hang of it using my images. I have taken the photo gallery files
    gallery.js
    SpryData.js
    SpryEffects.js
    xpath.js
    The folder structure contains images and thumbnails on the
    root folder as well as the ap.css sheet and photos.xml
    The page is
    http://www.proximita.com/learning/index.html.
    Since I only have 1 photo gallery (and I did the getting
    started tutorial and worked fine I wanted to add the slideshow
    effect in the spry demo functionality) I only have one xml doc and,
    as mentioned, the both image folders and the css sheet are on the
    root, and the all the js files are in an includes folder.
    The thumbnails show up fine, but, the main image does not
    show up at all. I am almost sure this is a bad reference somewhere
    or a begginners mistake but I cant find it.
    I did modify the gallery.js because it referenced 2 or three
    variables (like dsPhotos and dsGalleries that are used for the demo
    I only have dsGallery) and I cahnged all of the other refrences to
    dsGallery.
    I think I am having problems here:
    function ShowCurrentImage()
    var curRow = dsPhotos.getCurrentRow();
    SetMainImage("galleries/" +
    dsGalleries.getCurrentRow()["@base"] + "images/" + curRow["@path"],
    curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
    you can check out the whole code here:
    http://proximita.com/learning/includes/gallery.js
    Im unconcerned with appearance for the moment, and would just
    like to see the main image and the slideshow functionality.
    If you can help, please do. Thanks, Mario.

    yes, I suspect that is because the tutorial talks about
    building this from scratch and uses that name for the "thumbnails"
    div rather than what they actually use in the demo files...
    confusing, to say the least.
    It would be nice if there were a simple document with demo
    files that didn't include other stuff unrelated to JUST the slide
    show (gallery)... and if the whole layout were more simple,
    css-layout-wise...
    or, if the demo files were commented with what each bit is
    for and how to modify it.
    quote:
    Originally posted by:
    Dragos GEORGITA
    Hi Mario,
    I took a look at your sample and I've noticed you change the
    ID of the container that holds the thumbnails (it was called:
    "thumbnails". now it's "thumbContainer").
    You need to open gallery.js and change the observer to point
    to the new container:
    Change
    Spry.Data.Region.addObserver("thumbnails", function(nType,
    notifier, data) {
    To
    Spry.Data.Region.addObserver("
    thumbContainer", function(nType, notifier, data) {
    Regards,
    Dragos

  • Links and photo gallery not working!

    Hi,
    I've just created a website by iWeb. After publishing the site in the local folder I've uploaded the entire contents to the server by FTP. From local folder it works fine but while trying to view online, the links between the pages not working (even not visible) at the same time my photo gallery is also not working (not visible). I was using Safari in mac.The same problem occurs while I am trying to browse the site from in my pc (copied the file in a local folder) and using Google Chrome and Internet Explorer
    If anyone can tell me what is the possible error?
    Thanks,
    Tarique

    From viewing your site it's apparent that not all of the files are being uploaded to the server. Particularly those in the Scripts folder.
    Have you opened your locally published site with your browser and checked it out? I think you'll find that the navbar will display correctly on both pages and the rest of the site will properly.
    What ftp client are you using to upload the files? If you haven't tried the free Cyberduck client give it a try. Many users have found it to be successful where other clients were having problems.

  • IWeb photo gallery not working!

    Hello everyone! I built my website using iWeb and it has been up and running perfectly for a few months now. But, then I decided to try and update it with photos of artwork. I uploaded all files to my web-host's server, and now the page shows, but not the photo gallery! Any ideas as to what happened? Here is the site & page. My web hosting company is looking at it, but they have yet to discover what the issue is.. Any advice you can provide is most appreciated!
    http://thelonebeader.com/ 
    http://thelonebeader.com/Places_portraits/Places_portraits.html

    You are missing a number of files from your website.  You can see which are missing by bringing up the Activity window (Command+Option+A) while viewing the Places page in Safari and looking at the list of files in the window.
    How are you publishing the site?  With iWeb?  If so then try using the File ➙ Publish Entire Site menu option to see if that will force those missing files to be uploaded. 
    If that doesn't work you can publish your site to a folder on your hard drive and use a 3rd party FTP client, like the free  Cyberduck, to upload the site files. If you have to continue to use Cyberduck this tutorial may help: #2 - Uploading Only Those Newly Published or Edited Files When Using a 3rd Party FTP Client.
    OT

  • Spry Photo Gallery Navigation

    Hi,
    I'm building a simple photo gallery and I'm having issues trying to navigate image to image while using Paged View. My first attempt without paged view I could navigate image to image and once you reached the first or last image on a page, the next page would load beginning with the first or last image depending which way you were navigating by changing the xpath. I then came across the Paged View function, which makes the xml and paging much simpler, but I'm unable to figure out how to tell when I reach the end of a page, while browsing image to image, to load the next page. I don't seem to be getting a value from the current row that is showing.
    Here is a link to a test page. http://www.roughcountry.com/gallery/customers/test.html
    Navigating image to image works but the page changes incorrectly.
    Hope that is clear, thanks for any help

    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 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.

Maybe you are looking for