Center Spry Basic Image Slideshow on the webpage in Dreamweaver Cs6 ?

Hi, I'm working on a Website for a client in Dreamweaver CS6: northstarconservancy.org. How do I center the Spry Basic Image Slideshow on the pages? I've tried a few options and nothing has been effective, anyone? Thanks, Amanda

It would be easier to give you exact instructions if we could see your page. Do you have a link you could share?
In general, place a div on your page and give it the basic css for centering...
#divid {
width:800px; (you can change the 800 to whatever width your slideshow uses)
margin:auto;
Then place your slideshow within that div in your html...
<div id="divid"> all your spry slideshow info </div>
As long as you haven't used APDivs, or position:absolute on your site, which you should never do unless absolutely necessary (pun kindof intended), the div that the slideshow resides in will be centered within it's container.

Similar Messages

Spry UI Image Slideshow

I'm pretty new to Dreamweaver and by no means and expert in web design and no nothing about writing HTML code. I have downloaded the Spry UI Image Slideshow to use on a web. I have figured out how to make my picture available by replacing the ones in the default configuration. However when each slide is displayed, it also show a slide title. Can anyone tell me how to change the slide titles? The title of the default slides are coming up on my slides!
Please can you make your reply as not technical as possible!!
Thanks

I'm pretty new to Dreamweaver and by no means and expert in web design and no nothing about writing HTML code. I have downloaded the Spry UI Image Slideshow to use on a web. I have figured out how to make my picture available by replacing the ones in the default configuration. However when each slide is displayed, it also show a slide title. Can anyone tell me how to change the slide titles? The title of the default slides are coming up on my slides!
Please can you make your reply as not technical as possible!!
Thanks

Spry UI Image Slideshow preview in IE8

Hello, sorry to re-ask a tired question, but I've scoured the forums and can't get a handle on the answer.
My issue: I have inserted the Spry Image Slideshow 7.1 widget in my dreamweaver (CS5) doc (thank you Widget Browser!), and made the necessary modifications. It shows up perfectly when previewing in Firefox and Opera. In IE8, the images display but in unordered list form only.
Things to note: I have NOT uploaded anything to the server yet, neither docs nor images, so unfortunatley I can't lead you to live view. Also, actually it is 2 slideshow widgets set side by side using a 2 column table. This might sound messy, but it did work in PREVIEW for all other browsers.
Here is the Spry-UI1.7 code:
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.1 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
    position: relative;
    width: 274px;
    height: 200px;
    overflow: hidden;
    border: 0px solid black;
.ImageSlideShow .ISSClip {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
.ImageSlideShow .ISSView {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
.ImageSlideShow .ISSSlide {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;     /* FIX FOR IE6/7 */
    height: 100%;     /* FIX FOR IE6/7 */
.ImageSlideShow .ISSControls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
    display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    background-repeat: no-repeat;
    text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
    left: 0;
    width: 30%;
    background-image: url(ImageSlideShow/iss-back.gif);
    background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
    opacity: 0.5;
    filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
    right: 0;
    width: 30%;
    background-image: url(ImageSlideShow/iss-forward.gif);
    background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
    left: 30%;
    width: 40%;
    background-image: url(ImageSlideShow/iss-play.gif);
    background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
    background-image: url(ImageSlideShow/iss-busy.gif);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
    background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
    display: none;
If anyone sees anything outlandish sticking out to them, please let me know. I am super excited about the look of these widgets on our home page- thank you Spry & Dreamweaver teams!! Sorry again for not having a live view for you at this time.
Matt G.

Hello, sorry to re-ask a tired question, but I've scoured the forums and can't get a handle on the answer.
My issue: I have inserted the Spry Image Slideshow 7.1 widget in my dreamweaver (CS5) doc (thank you Widget Browser!), and made the necessary modifications. It shows up perfectly when previewing in Firefox and Opera. In IE8, the images display but in unordered list form only.
Things to note: I have NOT uploaded anything to the server yet, neither docs nor images, so unfortunatley I can't lead you to live view. Also, actually it is 2 slideshow widgets set side by side using a 2 column table. This might sound messy, but it did work in PREVIEW for all other browsers.
Here is the Spry-UI1.7 code:
@charset "utf-8";
/* SpryImageSlideShow.css - version 0.1 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
.ImageSlideShow {
    position: relative;
    width: 274px;
    height: 200px;
    overflow: hidden;
    border: 0px solid black;
.ImageSlideShow .ISSClip {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
.ImageSlideShow .ISSView {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
.ImageSlideShow .ISSSlide {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;     /* FIX FOR IE6/7 */
    height: 100%;     /* FIX FOR IE6/7 */
.ImageSlideShow .ISSControls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
.ImageSlideShow .ISSFirstButton, .ImageSlideShow .ISSLastButton {
    display: none;
.ImageSlideShow .ISSPreviousButton, .ImageSlideShow .ISSNextButton, .ImageSlideShow .ISSPlayButton {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    background-repeat: no-repeat;
    text-indent: -10000em;
.ImageSlideShow .ISSPreviousButton {
    left: 0;
    width: 30%;
    background-image: url(ImageSlideShow/iss-back.gif);
    background-position: left center;
.ImageSlideShow .ISSPreviousButtonHover, .ImageSlideShow .ISSNextButtonHover, .ImageSlideShow .ISSPlayButtonHover {
    opacity: 0.5;
    filter: alpha(opacity=100);
.ImageSlideShow .ISSNextButton {
    right: 0;
    width: 30%;
    background-image: url(ImageSlideShow/iss-forward.gif);
    background-position: 100% 50%;
.ImageSlideShow .ISSPlayButton {
    left: 30%;
    width: 40%;
    background-image: url(ImageSlideShow/iss-play.gif);
    background-position: center center;
/* If the slide show is busy, show the busy icon in the view. */
.ImageSlideShow.ISSBusy .ISSView {
    background-image: url(ImageSlideShow/iss-busy.gif);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    filter: alpha(opacity=100);
/* If the slide show is playing, change the play button image to "pause" */
.ImageSlideShow.ISSPlaying .ISSPlayButton {
    background-image: url(ImageSlideShow/iss-pause.gif);
/* Don't show the player controls if the slide show is busy! */
.ImageSlideShow.ISSBusy .ISSPreviousButton,
.ImageSlideShow.ISSBusy .ISSNextButton,
.ImageSlideShow.ISSBusy .ISSPlayButton
    display: none;
If anyone sees anything outlandish sticking out to them, please let me know. I am super excited about the look of these widgets on our home page- thank you Spry & Dreamweaver teams!! Sorry again for not having a live view for you at this time.
Matt G.

What is the best slider/slideshow extension to use in dreamweaver cs6?

I'm currently searching for an extension or widget for a slideshow usage in dreamweaver cs6. I've seen the free ones like easy rotator but i was wondering if ones such as wow slider are better? any information on this would be great! thanks!

Wow Slider is great. Lots of options and effects.
Nancy O.

What are the different options for creating a basic image slideshow in Dreamweaver 5?

Hi, I have created slideshows in Bridge, and they all work fine. They aren't exactly what I had in mind, but this was the only solution I could find that I could understand. My knowledge of web design is minimal at the most. I have attached the slideshows to my html website using IFrames, but it doesn't load properly in Safari.
I included the code at the bottom of this post.
The code dealing with the slideshow and IFrame in question are towards the bottom of the document, I marked them in bold. All the styles with regards to the <div> locations and such are on a separate stylesheet, I'm not sure if you would need that to help out.
I'm wondering if someone could clue me in as to what I can do with this code to make this slideshow work properly in safari. I checked in Chrome and it loads properly. Unsure about other browsers, I do not have access currently.
I am also wondering if there is another way I can create a slideshow using CSS5. This slide show is fine, but I was also looking to include text--image names and descriptions--without having to edit each image in Photoshop to include the text.
Thank you for your time, any help would be appreciated.
<!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 name="creator/artist" content="Ryan Olsen" /><meta name="keywords" content="Ryan Olsen, artist, paint, draw, dark fantasy, landscape, seascape, Paire, Connecicut, New York" /><meta name="description" content="The collection of art by Ryan Olsen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ryan Olsen's Studio</title>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<link href="ryanolsenstudios.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('images/gallerytabroll.jpg','images/transformativeroll.jpg','ima ges/landscapesroll.jpg','../ryanolsenstudios/illustrationstab.jpg','images/illustrationrol l.jpg','images/bioroll.jpg','images/petportraitroll.jpg','images/sparklessroll.jpg')">
<div id="pagetop">
<div id="header">
<img src="images/name.jpg" width="1057" height="87" alt="name" />
</div>
<div id="banner">
<img src="images/banner.jpg" width="1158" height="155" alt="banner" /> </</div>
</div>
<div id="navigationalmenu">
<div id="gallerytab">
<ul id="MenuBar2" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('gallery tab','','images/gallerytabroll.jpg',1)"><img src="images/gallerytab.jpg" alt="gallery" name="gallery tab" width="252" height="72" border="0" class="MenuBarItemSubmenu" id="gallery tab" /></a>
    <ul>
      <li><a href="transformative.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('transformative','','images/transformativeroll.jpg',1)"><img src="images/transformative.jpg" alt="transformative" name="transformative" width="174" height="53" border="0" id="transformative" /></a>
      <li><a href="landscapes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('landscapes','','images/landscapesroll.jpg',1)"><img src="images/landscapes.jpg" name="landscapes" width="174" height="53" border="0" id="landscapes" /></a></li>
      <li><a href="illustrations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('illustrations','','images/illustrationroll.jpg',1)"><img src="images/illustrations.jpg" name="illustrations" width="174" height="53" border="0" id="illustrations" /></a>
</li>
<li>
<a href="petportraits.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pet portrait','','images/petportraitroll.jpg',1)"><img src="images/petportrait.jpg" alt="pet portraits" name="pet portrait" width="174" height="53" border="0" id="pet portrait" /></a></li>
<li>
<a href="sparkless.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sparkless','','images/sparklessroll.jpg',1)"><img src="images/sparkless.jpg" alt="sparkless" name="sparkless" width="174" height="53" border="0" id="sparkless" /></a>
</li>
    </ul>
</li>
</ul>
</div>
<div id="showstab">
<a href="shows.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('showstab','','images/showsroll.jpg',0)"><img src="images/shows.jpg" alt="shows" name="showstab" width="252" height="72" border="0" id="showstab2" /></a>
</div>
<div id="hometab">
<a href="home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hometab','','images/hometabroll.jpg',0)"><img src="images/hometab.jpg" alt="home" name="hometab" width="252" height="72" border="0" id="hometab2" /></a>
</div>
<div id="biotab">
<a href="bio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bio','','images/bioroll.jpg',1)"><img src="images/bio.jpg" alt="bio" name="bio" width="252" height="72" border="0" id="bio" /></a>
</div>
</div>
<div id="warpage">
<a href="https://www.facebook.com/WARSPIT" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Welcome to WAR">Welcome to WAR</a><br/><a href="https://www.facebook.com/WARSPIT" target="_TOP" title="Welcome to WAR"><img src="https://badge.facebook.com/badge/515768845136977.2357.1022321304.png" style="border: 0px;" /></a><br/><a href="https://www.facebook.com/advertising" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">Promote Your Page Too</a>
</div>
<div id="ryanpage">
<a href="https://www.facebook.com/ryanolsenstudios" title="Ryan Olsen Studios" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Ryan Olsen Studios</a><br /><a href="https://www.facebook.com/ryanolsenstudios" title="Ryan Olsen Studios" target="_TOP"><img class="img" src="https://badge.facebook.com/badge/572127626212351.1710.552992230.png" style="border: 0px;" alt="" /></a><br /><a href="https://www.facebook.com/advertising" title="Make your own badge!" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Promote Your Page Too</a>
</div>
<div id="ryaninstagram">
<a href="http://instagram.com/ryanolsenstudios" target="_new"><img src="images/instagram-glyph.jpg" width="112" height="144" alt="instagram" /></a>
</div>
<div id="gallery">
<iframe src="Transformative/index.html" width="1003" height="834" frameborder="0" name="gallery">
</iframe>
</div>
</div>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Have a look here Jquery slideshow tutorial for beginners | WEBTUTS

Basic image slideshow

i just switched over from "CS2 - GoLive" to "CS3 -
Dreamweaver", i had a slide show script from MindPalette.com that
worked great in GoLive. Is there something similiar for DW? i went
to adobe exchange and tried "linked slide show" and "trans slide
show." i couldn't get either to work. do these work well? they are
both installed and show up where they are supposed to in the
program. it's a very simple slide show so i'd like to avoid flash
if possible.
http://cedsite.org/donations.html
(this version was created in GoLive, i haven't uploaded the
Dreamweaver version)
Macbook Pro, 10.5.1, CS3 Design Premium

brad_goldstein wrote:
> i just switched over from "CS2 - GoLive" to "CS3 -
Dreamweaver", i had a slide
> show script from MindPalette.com that worked great in
GoLive. Is there
> something similiar for DW? i went to adobe exchange and
tried "linked slide
> show" and "trans slide show." i couldn't get either to
work. do these work
> well? they are both installed and show up where they are
supposed to in the
> program.
>
> Macbook Pro, 10.5.1, CS3 Design Premium
>
I like www.dwuser.com's Flash slideshow. You do not need to
know Flash
at all, btw. Btu you will get plenty of other ideas here.
Also see
http://www.eleanorstravels.com/photogallerysuggestions.htm
E. Michael Brandt
www.divaHTML.com
divaPOP : standards-compliant popup windows
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Linking to Images and Changing the Cursor in Dreamweaver CS4

Suppose I have a link to a jpg that opens up in a new window. Right now, when I hover my mouse over the link, there is no difference in the cursor as it would appear elsewhere on the page (that is, it still appears as a white arrow, instead of a white pointing hand). What do I need to do to change the cursor when it hovers over the link? The link itself works no problem, and linking to other pages on my site produces the pointing hand cursor when I hover it over the link.

Suppose I have a link to a jpg that opens up in a new window. Right now, when I hover my mouse over the link, there is no difference in the cursor as it would appear elsewhere on the page (that is, it still appears as a white arrow, instead of a white pointing hand). What do I need to do to change the cursor when it hovers over the link? The link itself works no problem, and linking to other pages on my site produces the pointing hand cursor when I hover it over the link.

Spry Image Slideshow Wonky

Dear Spry Community,
I made my webpage live today using a basic spry image slideshow. The slideshow seems to work great in CS5 dreamweaver (Google chrome view) but online it has a second image ghosting below, kind of like a double slideshow.
http://mattwallisphotography.com/
Does anybody out there know what is going on here or how to fix it?
Thanks

You need to upload all of the Spry support files
<link href="Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css" />
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
Gramps

How to create an image slideshow?

Hello,
I am a beginner in web design and I need your help somewhere.
Please look at the follwoing website: www.safaribig5.com
Considering the image slideshow at the top of the home page, how do I add it to a webpage that I'm currently desiging in Dreamweaver?
I also want to know how to add links to images in the slideshow.
Your help in this matter would really be appreciated.
Thanks.

I personally like Nivo and Wowslider.
I've never used the one I posted above. As far as I can tell, that's the one that was used in the example given by the OP.

How do i create a linked image slideshow?

I'd like to have asimilar linked image slideshow to the one at the top of this page...
http://www.jdwetherspoon.co.uk/
Any tips would be greatly appreciated thank you!!

jQuery Sliders:
http://basic-slider.com/
http://nivo.dev7studios.com/
http://wowslider.com/
Google will reveal countless others.
Nancy O.

Where is the Phonegap template in Dreamweaver CS6

Hi just wondering if someone can clear this up for me.
I have just downloaded the trial of Dreamweaver CS6 and am wondering where the jQuery mobile (phonegap) template has gone?
Is there a way i can get it back? Im just curious as the jQuery mobile templates dont have a link to the Phonegap.js file and therefore
dont give access to the phonegap API's or am i mistaken??
Have spent the last few hours searching online for an answer but there is little out there as i suppose CS6 is still relatively new,
If anyone can clear this up for me it would be great!
Also am i better off sticking with CS5.5 if i want to develop for phonegap?

You're not running a trial of Dreamweaver CS6. There was no public trial of DW.
It's a beta and is probably not 100% feature complete.
CS6 will probably be shipping next week (with the official Trials probably available a little later).
Uninstall the CS6 beta you currently have installed and try the final version of CS6 then.

Can I stop Dreamweaver CS6 from constantly polling the FTP server?

When I work in CS6 I just work directly off the FTP server. I don't work in a large team, check in and check out is a wasted feature for us. So I have the Advanced server settings to automatically upload files when I save them. This has been working pretty well with the exception that Dreamweaver CS6 seems to constantly poll the FTP server anyway. So often times I'll go to save and it will throw out an error that it can't upload the file right now because it's currently interacting with the server.
Inside Dreamweaver I have the FTP log tab open and it's just constantly looking at stuff on the server at random intervals. It's not downloading anything or reconnecting. I'm having no connection problems at all actually outside of this.
I've poked through settings and I can't find anything that says something like "Stop constantly checking the FTP server, it's still there, don't worry about it..."
Here's the error for whatever it's worth. I wouldn't even bother complaining about this except that it happens to me constantly throughout the day. If it was just once or twice I wouldn't care. The other annoying thing is that when the error occurs it does save the file locally which is pointless for my purposes also but since it flags it as saved I have to make a change in order to get it to save and upload. So a lot of times I'm just waiting for it to stop interacting with the FTP server for no good reason, adding a space, backspacing the space and then hitting save again. Seriously obnoxious, please tell me there's a setting to shut this behavior off.

I'll tell you the real answer - because Adobe Dreamweaver's FTP integration is, and has always been, horrendous. Here I am - working with Dreamweaver in 2013, having worked with Dreamweaver since the year 2000... yes - that is 13 years. And 13 freaking years later I am still having the SAME Dreamweaver FTP issues since back then!!
Like today - let me tell you my workflow.
Open Dreamweaver - knowing that this is going to be yet again another painful day because of the FTP situation
Make a few changes to a single file
Connect - it connects instantly
Upload my file. I'm (relatively) happy.
Work on my file for the next 10 minutes.
Keyboard Shortcuts to save, then upload my file.
Window pops up - Waiting for server
Still waiting for server
Trys to reconnect.
Waiting for server
I cancel. Disconnect... then guess what...
Window pops up - Waiting for server.
I close that window immediately
Reconnect - its fine
Upload my file immediately.
I have to do this EVERY FREAKING TIME I need to upload a file. It is beyond rediculous that this wasn't solved in 2002, but no - ELEVEN years after that it still behaves the same!!!!
I know I'm not alone - just google "Dreamweaver FTP Waiting for server", or "dreamweaver ftp dropping", or anything else like that, and you'll find no end of people in pure frustration.
The only solution that I have found that may actually help ease the pain (doesn't solve the problem unfortuantely) this is something I just found today.
Go to Preferences > Site settings where you can change FTP connection option : Disconnect after x minutes idle
I have changed that to 1 minute. Shouldn't have to, but that's all that can be done.
Please Adobe - start from the ground up with CS7 and completely rewrite FTP in Dreamweaver.

SPRY IMage SlideShow Basic: Auto create UL LI list

Hope this is of some help to someone.
Recently moved from CS3 to CS5. So new to the whole DW widget thing.
I wanted a basic (no thumbs or titles) slideshow that will auto update when new images are added or removed from an image folder so I don't have to constantly edit the slideshow <UL> list each time I add or remove an image from the image folder/dir
My solution:
I replaced the <UL><LI></LI></UL> code block in my slideshow web page with some php code that will auto create the <UL> list from a folder of images.
I created a folder with only my slideshow images. (.png, .gif and/or .jpg only). I now can add/remove image files from this folder and my slideshow updates automatically.
Seems to work well. My use is for a simple slideshow with no titles or thumbs.
web page code that has replaced the <UL></UL> block of images to display.
add to the top of your slideshow html page (
<?php
require('includes/dir2ul.php'); // path to where you put the dir2ul.php functions file
?>
replace your slideshow webpage SPRY Basic Slideshow <UL> block with the code below with the changes commented with !! Important
<?php
// Fill in the <UL> needed by Spry basic slideshow widget with a php dump of all files in a directory ending with .PNG/.GIF/.JPG to a <LI> element list
$my_dir = './my_slideshow-1/';        //!!!! IMPORTANT: change to your slideshow image directory path as shown (yes, ends with a slash)
$spry_slideshow_id= 'SPRY_ImageSlideShow_3'; //!!!! IMPORTANT: change to your SPRY slideshow ID
dir2ul($my_dir, $spry_slideshow_id);
?>
The php function dir2ul.php (and support functions) code you need to require at the to of the slideshow page.
Put this code in a file named dir2ul.php (as used in this example) and save it somewhere that you include (require) in your slideshow web page.
<?php
function dir2ul($my_dir, $spry_slideshow_id) {
// Fill in the <UL> needed by Spry basic slideshow widget with a php dump of all files in a directory ending with .PNG/.GIF/.JPG to a <LI> element list
// $my_dir : image directory
$dir_handle= opendir($my_dir);
if (!$dir_handle) {
print '<p>ERROR opening directory specified: ' . $my_dir . '</p>';
else {
//success opening directory
/* loop thru the directory. */
print '<UL id=' . $spry_slideshow_id . '>';
while (false !== ($file = readdir($dir_handle))) {
     // !!works best/faster if you keep your image directory all files. is_dir not a perfect check!!
     if(!is_dir($file) && ($file != ".") && ($file != "..")) {
       // !!!!IMPORTANT: change if needed. Only select files ending with .JPG, .JPG, or .PNG (case insensitive!)
       if(EndsWith($file, '.JPG') || EndsWith($file, '.GIF') || EndsWith($file, '.PNG') ){
         print '<li><img src="' . $my_dir . $file . '"/></li>';
     else {
        // directory: ignore (not recursive)
       //print '<p> >> Directory: ' . $file . '\n</p>';
   } // while
   echo '</UL>';
} //else
function EndsWith($FullStr, $EndStr) {
     // Get the length of the end string
     $StrLen = strlen($EndStr);
    $FullStrEnd = substr_compare($FullStr, $EndStr, -$StrLen, $StrLen, true);   // case insensitive
    //$FullStrEnd = substr($FullStr, strlen($FullStr) - $StrLen);   // case sensitive
    //print '<br> >>FullStr=' . $Full_Str . ' >>EndStr=' . $EndStr . ' >>-StartPos=' . -$StrLen . ' >>length_to_compare=' . $StrLen . ' >>return=' . $FullStrEnd;
    return $FullStrEnd == $EndStr;
function is_dir_LFS($path){
return (('d'==substr(exec("ls -dl '$path'"),0,1))?(true):(false));
?>

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

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.

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

Center Spry Basic Image Slideshow on the webpage in Dreamweaver Cs6 ?

Similar Messages

Maybe you are looking for