PDA

View Full Version : Problems with Fade-In Slide Show in DW



TequilaMB
10-28-2008, 11:05 PM
1) Ultimate Fade-in slideshow (v1.51)

2) http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: Are there any special steps to follow when using this javascript with a page created in Adobe Dreamweaver CS3? Should the effect show in the preview or only upon publication? Do the images used in the slide show have to be in the root folder, or can they be in a sub-folder? Does the path set have to be absolute, or can it be relative?

I'm trying to trouble-shoot why I don't seem to be able to make the script work. If needed I can attach a text file with my script, but I thought perhaps the answer to one of these questions might give me the info I need.

rangana
10-29-2008, 01:04 AM
Please provide a link to the page in question.

TequilaMB
10-29-2008, 01:22 AM
I will have to publish the page and the images before I can provide a link to it. It currently only resides on my hard drive. Which is why I wondered if the photos had to be in the root folder, as some scripts require.

Edit: Just found this thread, http://www.dynamicdrive.com/forums/showthread.php?p=164194 which answers the path/folder question. I will try uploading a dummy page to the server along with the photos, then post the link, and see if it works.

TequilaMB
10-31-2008, 07:27 PM
I have now published a sample page where the slide show should be in the table at the top, in the masthead, in the 620 px cell to the right of the logo.

http://auburndowntown.org/home4.html

The photos have been uploaded and are in the root folder of the site:

http://auburndowntown.org/1.jpg
http://auburndowntown.org/2.jpg
http://auburndowntown.org/3.jpg
http://auburndowntown.org/4.jpg
http://auburndowntown.org/5.jpg
http://auburndowntown.org/6.jpg
http://auburndowntown.org/7.jpg
http://auburndowntown.org/8.jpg
http://auburndowntown.org/9.jpg
http://auburndowntown.org/10.jpg

I am making this page a template for all future pages, so I really need to get it right!

Thanks!

rangana
11-01-2008, 01:03 AM
Have you tried on renaming your images and avoid starting with numbers.

jscheuer1
11-01-2008, 03:43 AM
Image names starting wth numbers should be (in fact are) fine. This is not:


Error: syntax error
Source File: http://auburndowntown.org/home4.html
Line: 217, Column: 46
Source Code:
new fadeshow(fadeimages, 620, 200, 0, 3000, 0,)

Get rid of that trailing comma (red). There could also be other problems.

Now, as regards the original question, preview mode (regardless of the editor) is generally hit or miss when it comes to javascript. It's better to setup your page as you like using whatever editor you want, and then to install javascript using a text only editor like NotePad, and to test the results in a browser.

TequilaMB
11-03-2008, 01:21 PM
That was it! Thank you ~ that was driving me crazy!

TequilaMB
11-05-2008, 10:50 PM
Ok, that worked. Now, how to get rid of the "undefined" link in the slide show. There's no need for links in this particular show.

http://www.auburndowntown.org/home4.html

jscheuer1
11-06-2008, 12:35 AM
You need to follow the array syntax as laid out on the demo page. In this case:


var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["http://www.auburndowntown.org/images/mastheads/1.jpg", "", ""] //plain image syntax
fadeimages[1]=["http://www.auburndowntown.org/images/mastheads/2.jpg", "", ""]
fadeimages[2]=["http://www.auburndowntown.org/images/mastheads/3.jpg", "", ""]
fadeimages[3]=["http://www.auburndowntown.org/images/mastheads/4.jpg", "", ""]
fadeimages[4]=["http://www.auburndowntown.org/images/mastheads/5.jpg", "", ""]
fadeimages[5]=["http://www.auburndowntown.org/images/mastheads/6.jpg", "", ""]
fadeimages[6]=["http://www.auburndowntown.org/images/mastheads/7.jpg", "", ""]
fadeimages[7]=["http://www.auburndowntown.org/images/mastheads/8.jpg", "", ""]
fadeimages[8]=["http://www.auburndowntown.org/images/mastheads/9.jpg", "", ""]
fadeimages[9]=["http://www.auburndowntown.org/images/mastheads/10.jpg", "", ""]

As shown on the demo page:



fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax