raydona
01-18-2010, 06:40 PM
1) Script Title: Ultimate Fade-in slideshow (v2.1)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: The following is exactly the code I entered on a html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" src="JScript Files/fadeslideshow.js">
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [600, 294], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["image 1.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["image2.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["image3.jpg"],
["image4.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<div id="fadeshow1"></div>
</body>
</html>
I am just testing the script, so I haven't loaded it onto the server. When I view the file I can see the images changing on IE but on Mozilla Firefox nothing is shown. Any reason why? How might I fix the problem? All help will be greatly appreciated.
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: The following is exactly the code I entered on a html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript" src="JScript Files/fadeslideshow.js">
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [600, 294], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["image 1.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["image2.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["image3.jpg"],
["image4.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<div id="fadeshow1"></div>
</body>
</html>
I am just testing the script, so I haven't loaded it onto the server. When I view the file I can see the images changing on IE but on Mozilla Firefox nothing is shown. Any reason why? How might I fix the problem? All help will be greatly appreciated.