Javascript slideshow works in Firefox but not IE!!

[arniesbarmyarmy]

Hi, I have been able to set up some slideshows on my website no probem at all, using the Ultimate Fade-in slideshow (v2.1) from DynamicDrive.com.

It looks great working perfectly in Firefox, but does it work in Internat Explorer? No!!

If anyone has any ideas at all, I would be extremely appreciative!!

www.rinatoconstruction.co.uk

Thanks

[arniesbarmyarmy]

To see one the slideshows of images (or not if you view in IE!!) click on one of the tabs on the left side of the website e.g. Residential Build

Thanks in advance...

[arniesbarmyarmy]

alas I have solved the problem!!

It was just a silly little comma in the wrong place. Firefox doesn't seem to care so why is IE so picky?

Never mind, now it's working may I recommend anyone wanting to use a slideshow of images should use the free code on the Dynamic Drive website. Brilliant!!!

[Ajeh]

Thanks for the update that it was a typo that got you ... hate those silly things ...

[greengreetings]

I'm trying to implement the Ultimate Fade-in slideshow (v2.1) from DynamicDrive.com, which was used by the Zenner who started this thread.

[minitrail]

Hi, I have been able to set up some slideshows on my website no probem at all, using the Ultimate Fade-in slideshow (v2.1) from DynamicDrive.com.

It looks great working perfectly in Firefox, but does it work in Internat Explorer? No!!

If anyone has any ideas at all, I would be extremely appreciative!!

www.rinatoconstruction.co.uk

Thanks

Has anyone found out how this was done? which files were changed etc

[arniesbarmyarmy]

Ok the error I had was as follows:

I had put an extra comma in the following place (in red):

[
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."],
],

Obviously I just copy and pasted the line for each image and forgot to remove the last comma !!


For anyone starting from scratch and a bit stuck, the trickiest thing you need to get working is what to do about the js file:

Rename the fadeslideshow.js to jscript_fadeslideshow.js and upload it to INCLUDES / TEMPLATES / YOUR_TEMPLATE / JSCRIPT.

This is what you need to do for any js file used anywhere on your site!

Then don't forget to change the main code (line 3) from:

<script type="text/javascript" src="fadeslideshow.js">

to:

<script type="text/javascript" src="jscript_fadeslideshow.js">

[greengreetings]

Ok, I put this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="includes/templates/custom/jscript/jscript_fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.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: ""
})


var mygallery2=new fadeSlideShow({
	wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: "fadeshow2toggler"
})

</script>

In my html_header.php

And

<div id="fadeshow1"></div>

<br />

<div id="fadeshow2"></div>

<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png" style="border-width:0" /></a>
</div>

in my conditions.php page which I'm using for practice.

I receive the message: "Error: DIV with ID "fadeshow1" not found on page."

What's the deal?