Spry Photo Gallery Widget with filmstrip

The main image in the photo gallery doesn't appear but the thumbnails do.
http://www.woodsphotography.org/AbstractSlideshow1.html
I'm using Dreamweaver CS5 and everything works fine when previewed in firefox or safari but once uploaded to the server this happens.
Any help would be greatly appreciated.
Keith

Hi,
please have a look here to this thread, where we had a similar question (hope it's similar to your gallery):
http://forums.adobe.com/message/3398072#3398072: "Spry Widget Slideshow works in Firefox/Safari but not in Explorer"
Hans-G.'s demand:
BUT I have to ask me/you why the same command, listed in the "SpryImageSlideShow.css" is not running.
gramps answer:
The red coloured lines are not included in the original; but will make it work for IE6/7
<style>
#ImageSlideShow .ISSSlide {
   position: absolute;
    top: 0;
     left: 0;
    text-align: center;
   width: 100%;
    height: 100%;
</style>
Hans-Günter

Similar Messages

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

  • Massive Photo Gallery Widget looks strange

    Hi guys
    I am working with a new widget called "Massive Photo Gallery Widget" and it should look like this: http://musegrid-massive-photo-gallery.businesscatalyst.com/
    but on my website it looks like this: Bildergallerie
    I think it looks a little bit like the menu I have on the website. The menu is also a new bought widget and it's called "Steal Menu Widget". Maybe the other widgets aren't compatible to the steal menu widget or something like this?
    Thank you and kind regards
    Julia

    Hello Sanjit
    Thanks for your answer. When I look to the widget on my website it looks like this:
    I'm working with google chrome, maybe that's the reason why we see different widgets?

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

  • Photo Gallery widget

    Hullo,
    Recently my Xperia suggested that I move all my photos from internal storage to the SD card as the internal storage was registering 75% full. This happened last week when I was downloading a *.docx file type document to the phone.
    This week the Photo Gallery widget displayed a red screen and a warning that it could not display the file photos, so I deleted it from the screen thinking that the widget just needed to be reset after the phone relocated the file path of the photos to the SD card.
    I can no longer find the Photo Gallery widget in the app draw  OR  where the other widgets reside. It looked similar to the YouTube widget, it allowed you to flick / scroll through the images without opening the Album. So you could review you recent past pictures quickly and then once you located the one shot you could select it and open the image either to edit it or just to view.
    Any suggestions welcome

    @Ashroft98...Go to Settings > Apps > Swipe to the left three times until you see the "Disabled" section of Apps > Scroll down until you see "Photo And Videos" app.Then press "Enable"
    I could not find the "Disabled" section of Apps, however the "Photo and Videos" app was there and already enabled.
    @Ashroft98...Go to Settings > Apps > Swipe to the left twice until you see the "All" section of Apps > Scroll down until you found "Photos and Videos" app and press clear data.
    And restart your phone
    Have cleared cashe and data then restarted phone but to no avail,
    What is the widget called please I can not locate it anywhere?
    Thanks for the reply

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

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

  • Photo gallery built with adobe edge can not be seen on mobile devices.

    photo gallery built with adobe edge can not be seen on mobile devices.
    ps: I do not have any email attachment, I do not understand a thing of referring

    Hi, Stefano-
    This post might help you figure out how to post your files for us to review:
    http://forums.adobe.com/message/5935946#5935946
    It's very helpful for us to be able to look at your files to help you with your specific problem.
    Thanks,
    -Elaine

  • 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

  • Problems with using Spry photo gallery and Opera browser

    Using Dreamweaver CS3. I'm working on a website for a friend.
    It looks great in:
    -IE 6 and 7
    -Firefox
    -Safari
    But in Opera, the photo gallery I put in (uses spry to change
    images as the user rolls over the thumbnail) pops up a login box in
    Opera. It doesn't do this in any other browser and it works
    perfectly in all other browsers.
    WDYT? TIA, Steve

    Using Dreamweaver CS3. I'm working on a website for a friend.
    It looks great in:
    -IE 6 and 7
    -Firefox
    -Safari
    But in Opera, the photo gallery I put in (uses spry to change
    images as the user rolls over the thumbnail) pops up a login box in
    Opera. It doesn't do this in any other browser and it works
    perfectly in all other browsers.
    WDYT? TIA, Steve

  • Help with Spry Photo Gallery

    I am putting together a photo gallery using the tutorial
    found
    here.
    I have completed the basic tutorial and it is working well. I need
    help though in implementing some advanced features not covered in
    the tutorial but shown in the proof of concept
    here.
    I want to include a "gallery" selector like the proof of
    concept, but i have no idea as to how i would go about
    incorporating it. I have had a look at the code and it doesnt seem
    to be all that difficult, but i just dont know what to do. I am
    open to anything anyone can suggest even adding more Datasets if
    needed. the other thing that is included in the code selection are
    the Next, play/pause, and previous buttons. If anyone could tell me
    how to get that to work i would appreciate it.
    Thanks
    Ryan

    did you have any luck figuring out how to make your photo
    album? I'm working on my own and am also having a hard time
    understanding the proof of concept without a full tutorial.

  • Photo Gallery combined with three column CSS

    Hi, I am trying to implement your photo gallery into our
    school site and I am having trouble with the layout. I am using a
    three-column layout created with CSS and JS, and then placing the
    photo gallery inside of this. What happens is when you pull up the
    page the three column layout does not position everything correctly
    until you resize the browser window (ever so slightly). Help, have
    been staring at CSS and JS code now for about a month and cannot
    get it to behave, any help would be greatly appreciated. Thanks.
    HSPVA Photo
    Gallery

    "kjuliff" <[email protected]> wrote in message
    news:eqij22$are$[email protected]..
    >I can reproduce your problem, gnd4evr&evr. I have XP
    an IE7 and FF2.
    >It's fine
    > in FF2 but not in IE7.
    >
    > I have a similar problem, and I think it's related. This
    problem
    > really needs
    > addressing!
    >
    > Go to
    http://www.coolabah.com/spry/demos/gallery/
    and look at the
    > bottom of
    > the page (in either IE or FF). You will see a google
    adsense div.
    > Although it
    > is specified in it's div tab as being 15 px in height,
    it takes up
    > much more
    > than that.
    >
    > I HAD wanted to have these google links at the top of my
    gallery, but
    > cannot
    > as I cannot force the div to be only 15px in height.
    >
    > I posted this problem a few weeks ago but no one
    answered.
    Your Google ads are in an iframe. This rule will get you
    started
    iframe {
    height: 2em !important;
    position: absolute;
    top: 650px;
    You can leave the position static if you like, and it will
    move up and
    down with your images - I found that a bit distracting,
    though. If you
    leave it static, use a top-margin to establish space between
    your image
    and the ads.
    The !important notation is required for the height,
    indicating either a
    conflict somewhere in your markup or CSS, or poor Google code
    (not
    uncommon).
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"

  • Issues with Spry image slide-show with filmstrip

    Hi
    I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. I now have several issues that I am out of my depth trying to troubleshoot.
    There is a big gap (like excess padding) at the top between the outer frame and the main image frame. I can't see how this has arisen or how to correct it.
    Although narrow formatted images are centered horizontally in the image window, wide formatted images appear at the top of the image window, and i would like them to be either centered or at the bottom of the image window
    The thumbnail images that i created for the filmstrip are tiling rather than appearing as a single centered image which is what i would like.
    I have uploaded my test page to the server and you can see it here:
    http://www.hebrideansheep.org.uk/test_gallery.html
    any and all help gratefully received as i have spent all day trying to sort this out, but as a total amateur I feel like I am drowning.
    Many thanks
    John

    Move
    <link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    to just below
    <title>HebWeb: Test gallery</title>
    and above
        <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #HSS2011images */
    #HSS2011images {
        width: 684px;
        margin: 24px 0px 0px 0px;
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
        padding-top: 10px;
    The style rules that start with the above, are meant to override the rules in basicFS/basic_fs.css, hence they should come after basicFS/basic_fs.css
    Gramps

Maybe you are looking for