Spry Image Slideshow Thumbnail's do not show properly

Hello World!
This is my first time using the forums here at Adobe.
My problem is that I have inserted a Basic Spry Image slideshow like so:
The size is ~ 250px by 200px
And once I go into live view, the slide show only displays the top right corner and not the whole image itself. I tried downsizing the image in design view to "look" like the same size of the thumbtails below but that did not do anything.
In my local file(not sure if you can see to the left) my images are saved in a file called 'images', and thumbs in a subfolder called 'thumbs'. (I read that images need to have same scr and link names?)
If anyone can help me out that would be great!! Thanks guys!

Okay, so I found my error, my Link photo was super duper big!
I played around with the resizing and it fitted better.

Similar Messages

Spry Image Slideshow works locally but not live!?!?

I am new to the whole website creation. I used the Spry Image Slideshow widget from the widget browser and everything works perfectly when I tested it locally. However, once i uploaded to the server and tested the links I get errors stating that it cannot locate the .js files. Like stated, I am very much new to this and have no idea how to fix this problem. Has anyone else ran into this or know of a solution?
My website address is www.terranceperdue-architecture.com and the links in question are on the portfolio link.
So more specifically:
http://www.terranceperdue-architecture.com/Design%20Studio%201.html
Any help would be greatly appreciated as I am hoping to use this website to gain an internship for the summer. But if it is not working then that is not an option.
Thanks for any and all insight.
-Terrance

I see where you have posted that you got your slideshow to work, but I do not see any of the reponses on how you did it. I am having the same problem when I test my slideshow locally on dreamweaver it works, but it does not work when I upload it to the internet. It doesn't give me any error, but all it does is show me a black box with a spinning play button like it is trying to load. It doesn't do anything else. I have tried looking at IE, Safari, and Firefox and I get the same thing on all of them.
Thanks,
Christin

Why is the Spry image slideshow not showing all of the thumbnails?

Hi, I have a problem with the Spry image slideshow with filmstrip. I downloaded it and inserted all of my pictures and thumbnails. When I load it up in Firefox and IE seems to work perfectly.
However when one scrolls through the images, some of the thumbnails are not displaying. Also, sometimes some of the images won´t display at all. I have double checked the files and they are
all the correct size (100x100 for the thumbnails) and they are all available in the proper slideshow folder on my webpage. I am at a loss as to what the problem is, since it works fine for the other
images. Here is a link to the site:
http://priental-solar.de/referenzen.htm
Any help would be greatly appreciated. Thanks

All working OK here. All thumbnails and fullsize images appear OK.

Why are my Spry Image Slideshow slide titles not appearing sometimes?

I inserted a Spry Image Slideshow with Filmstrip Basic widget using 3 photos to try it out. It is working fine except for the slide titles.The slide titles appear in Firefox and in Opera, but not in Safari. Haven't tried it in IE browsers yet.
Any idea why the titles are not showing up all of the time?
Thanks.

All working OK here. All thumbnails and fullsize images appear OK.

Trying to add 2 slideshows to one page, how can I make a slideshow so it does not show an image...

Trying to add 2 slideshows to one page, how can I make a slideshow so it does not show an image until they click on the thumbnail?

You can do this with "composition" widgets.

Spry Image Slideshow does not work in Explorer

My spry image slideshow works fine in Safari and Firefox, but does not work in Explorer.
A small box shows up in IE 8, and absolutely nothing shows up in IE 7.
www.epaaudio.com
Any Suggestions?

How did you get your slideshow to play in Internet Explorer? I'm using the same slideshow on my new website and it plays fine in everything but IE versions. Here's a test page I'm working on... http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
I looked at the code for your page and didn't notice anything different on mine. But yours works... Let me know if you have any suggestions. Thanks!

Spry Image Slideshow with Filmstrip controls showing ABOVE images?

Hi all,
I've never used these forums before and apologise in advance for my first discussion being a request for help!
I recently added the Spry Image Slideshow with Filmstrip to a page and am not sure which property I need to modify to get the controls to show on top of the image. I think this is an issue with the two column layout I'm using but am not knowledgeable in the least about code and would appreciate your help.
http://gailspantry.com/testindex.
Many many thanks!
Rune

Hi folks, any ideas re this issue? Really hope someone can help.

Spry Image Slideshow with Filmstrip, thumbnail problem in Safari

I'm adding a spry image slideshow with filmstrip in Dreamweaver CS5 on a Mac. I have a folder of images with a large and small (Thumbnail) version of the photos I'd like to use. I've relinked all of the images that are inserted as placeholders by the widget: Source for thumbnail versions and link for large versions. When I preview in Firefox all is well. When I preview in Safari, the filmstrip has white boxes rather than the thumbnail images. Everything else is fine. (It previews correctly in Safari before I change the links.) What am I doing wrong?

I have a similar problem. I've added a note to reference your problem. I've not got an answer to date.
Cliff

Spry Image Slideshow - Only see play button but not slideshow

Hi,
I am having trouble getting Spry Image Slideshow to work on my test site. Can somebody help me?
Problem:     I only see the "play" button spinning after it went live but cannot get the slideshow to appear.
Details:
     Dreamweaver CS5.5
     Widget :     Spry image Slideshow Basic 1.0 - (widget wid = "2141542")
     Mac OS 10.6.3
     Mozilla Firefox 8.0.1
               1. Inserted Spry Image Slideshow 1.0 widget into my page "ACS_shipping.html"
               2. Replaced sample pictures and thumbnail pictures with some of my test pictures.
               3. A list of thumbnails appears on my design page.
               3. Click on "Live View" button; only see the frame and the black background with the "play" button spinning on the screen.
               4. Uploaded files on server and found same result.
    Webpage Link:            locicompany.ca/ACS/ACS_shipping.html
Loci

I don't know what to say....I tried all night it didn't work. As soon as I posted my question on the forum the slideshow starts running....wow....I'm speechless. Thanks all who's looked at my post.
Loci

Spry Image Slideshow not being nice, please help

Ok, first off, web design novice so please keep it simple for me. I'm trying to set up a portfolio page for a photography website using the Spry Image Slideshow Widget with Film Strip in Dreamweaver CS5.5. The problem occurs when I try to set the width and height as a percentage. Width, no problem, but when I try to set up the height as a percentage, the slideshow disappears and I'm left with just the thumbnail film strip. To clarify here's what I'm doing - in Adobe Widget Browser in the "Frame & View Port" Tab, Change Frame Width to 70% and View Port Height to 70%. In the Live View pane of the Adobe Widget Browser, the slideshow frame changes size with the window as expected, but go to Dreamweaver, open up a blank HTML page, Insert: widget.. and bam, no slideshow, just a row of thumbnails. Thrashing around in the dark here, please help...

Wow, it's like a ghost town on here, think I find a different slideshow.......

Spry image slideshow not displaying as expected

Hoping someone in this forum can help, as I have previously posted this problem in the Spry forum, but I only got one answer and it didn't seem to fix the problem.
I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. When this page displays, there is a big gap (like excess padding) above the main image (between the outer frame and the main image frame). I can't see why this is happening or what bit of HTML/CSS to tweak to sort it out.
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.
John

The problem lies with stylesheet.css. If you delete that, you will see that the slideshow will display as expected.
When doing a layout for the page, just look at the basics. In your case you have got a header, a sidebar, main content and a footer, all within a width of 960px and centered within the viewport. The basic CSS for the layout would look like
/* CSS Document */
html {
    margin: 0px;
    color: #666;
    font-size: 12px;
    font-family: Arial;
    background: #666 url(images/page_bkgd.jpg) repeat-x;
body {
    width: 960px;
    margin: auto;
    background: #FFF url(images/content_bkgd_tile.jpg) repeat-y;
#header {
    height: 180px;
    background: #4971a2 url(images/banner_bkgd.jpg) no-repeat;
#aside {
    width: 20%;
    float: left;
    /*----for this example only*/
    background: #cfcfcf;
    min-height: 400px;
    /*----end for this example only*/
#article {
    width: 80%;
    float: left;
    min-height: 400px; /*for this example only*/
#footer {
    clear: both;
    height: 88px;
    background: #cfcfcf url(images/footer_bkgd.jpg) no-repeat;
The HTML will look like
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="untitled.css" rel="stylesheet">
</head>
<body>
<div id="header">
<h1>My Header</h1>
</div>
<div id="aside">
    My Menu Bar
</div>
<div id="article">
    this is where the slideshow goes
</div>
<div id="footer">
    my copyright etc
</div>
</body>
</html>
Gramps

SPRY Image Slideshow, compatibility problems with IE

Hello, i recently used the Spry image slideshow in my website. All works great in every browser except IE. I could actually get it to work when i changed the DOCTYPE from: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> TO: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
BUT,
that totally skrewed the rest of my content. also i added the meta tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > and that fixed the slideshow, but again skrewed my content.
Has anyone found a solution? i looked through past discussions but couldnt find one.

mdr4win wrote:
i dont think you understood my question, wasnt about body background, but abut the spry image slideshow to work properly in IE
I was not talking about body background, but about having markup that screws up your document when using a browser. Body background just happened to be there. Perhaps you would do well to have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flittletreats.org%2F.
I have noticed that you ignored my solution; your document still shows two bodies.
Perhaps I should have mentioned that I tested in IE6 through to IE9 using IETester and the above was the only thing stopping IE from performing properly.
How did you determine that the slideshow was not working correctly in IE and which versions of IE?
Grumps

Spry Image Slideshow problems with IE?

I have set up the Spry Image Slideshow widget and it works beautifully in Firefox and Chrome. I'm having the same problems others have had. I've read through the various discussions on here and have sorted some of them but am still stumped on a couple things!
Here is the link to where I have it currently uploaded for testing purposes: www.wohowebdesign.com/sidestrand/gallery.php
My first problem was how the images just would not flow, skip all over and freeze. After I changed the DOCTYPE, this problem was gone.
My Second problem is now the images are blending ok, but when you go to use the controls to pause or click the arrows, a vertical line appears and does not go away. This is still occuring on my local computer tests, but the uploaded version seemed to work itself out... I have no idea how!!
My third problem is the alignment of the whole gallery box will not line up properly on the page. It is shifted to the right and this only happens when I view it in IE8 (not Firefox or Chrome). Unfortunately most of our school uses IE8 so I need to have it working perfectly before I put the new site live.
Any help or suggestions are greatly appreciated!
Thank you,
Debbie

mdr4win wrote:
i dont think you understood my question, wasnt about body background, but abut the spry image slideshow to work properly in IE
I was not talking about body background, but about having markup that screws up your document when using a browser. Body background just happened to be there. Perhaps you would do well to have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flittletreats.org%2F.
I have noticed that you ignored my solution; your document still shows two bodies.
Perhaps I should have mentioned that I tested in IE6 through to IE9 using IETester and the above was the only thing stopping IE from performing properly.
How did you determine that the slideshow was not working correctly in IE and which versions of IE?
Grumps

Spry Image Slideshow with Filmstrip IE8 Play/Back/Forward Arrows Problem

Please help me. I'm using the Spry Image Slideshow with Filmstrip widget on my web page: http://new.radcal.com/accugold2.html#sensoroptabs. In Firefox, Safari, Internet Explorer 9 it displays properly but in Internet Explorer 8 the gray Play/Back/Forward Arrows automatically appear on the Viewport (main large slide area) when the page loads and they do not go away, ever. Whereas in the other browsers these arrows only show up when I move my mouse into the viewport area and go away as soon as I take my mouse off the viewport area.
I need the arrows to behave in IE8 like they do in IE9, Firefox, etc. I do not know javascript but I imagine there is some javascript code that could solve this problem. Does anyone know of a solution? Please help me...

At the top of your document you have
<html>

<head>
Add the DOCTYPE as follows
<!DOCTYPE HTML>
<html>

<head>
Without a DOCTYPE on the very first line of the document, IE goes into Quirks Mode
Gramps
PS Normally I do not monitor this forum, hence this reply after having received your PM

How do I link web pages in a Spry Image Slideshow using Dreamweaver CS5?

I have used the Widget Browser to create the spry image slideshow and would like to link the large image displayed to a webpage? Is there any code or easy way to link the slideshow images to webpages?
Thanks in advance for any help!

Hans-G; thanks for the code. I am not sure where to place the code. When I insert the widget spry image slideshow, I get the following below. Where shall I place the code, thanks again:
<ul id="ImageSlideShow_3" title="Donald Booth Photography">
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" title="White Orchids"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-10.jpg" title="Sand"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-11.jpg" title="Tree"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-12.jpg" title="Canon"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-13.jpg" title="Door"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" title="Flowers at the Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-14.jpg" alt="photos-14.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-15.jpg" title="Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-15.jpg" alt="photos-15.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-2.jpg" title="Orchid Close Up"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-2.jpg" alt="photos-2.jpg" /></a></li>
</ul>

Spry Image Slideshow Thumbnail's do not show properly

Similar Messages

Maybe you are looking for