That's actually version 1.51 of the slideshow. To get it working requires two things:
- In the js/slideshow.js file, the paths to the images are wrong. These should be relative to the page that is using the script, not to the script. Change this:
Code:
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["../imgs/1.png", "", ""]
fadeimages[1]=["../imgs/2.png", "", ""]
fadeimages[2]=["../imgs/3.png", "", ""]
fadeimages[3]=["../imgs/4.png", "", ""]
fadeimages[4]=["../imgs/5.png", "", ""]
fadeimages[5]=["../imgs/6.png", "", ""]
fadeimages[6]=["../imgs/7.png", "", ""]
to:
Code:
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["imgs/1.png", "", ""]
fadeimages[1]=["imgs/2.png", "", ""]
fadeimages[2]=["imgs/3.png", "", ""]
fadeimages[3]=["imgs/4.png", "", ""]
fadeimages[4]=["imgs/5.png", "", ""]
fadeimages[5]=["imgs/6.png", "", ""]
fadeimages[6]=["imgs/7.png", "", ""]
If there's ever any question, the absolute paths may be used.
- In the style.css file, this rule at the beginning:
Code:
* {
margin: 0px;
height: 0px;
}
is causing some important part of the slideshow to disappear. It's probably a typo anyway, change it to:
Code:
* {
margin: 0px;
padding: 0px;
}
There may still be other problems, but taking care of those two things will get it working.
Also, where you have on the page:
HTML Code:
<script type="text/javascript" src="js/slideshow.js"></script>
In order to follow Dynamic Drive's Terms of Use, that needs to be:
HTML Code:
<script type="text/javascript" src="js/slideshow.js">
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): (c) Dynamic Drive (http://www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</script>
See Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice.
Bookmarks