Works on IE but not on Firefox
1) Script Title: Ultimate Fade-in slideshow (v2.1)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm
3) Describe problem: The following is exactly the code I entered on a html file:
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.Code:<!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>
CSS Codes
Reply With Quote
Bookmarks