Problem with Ultimate Fade In Slideshow v2.0

[krystals_dad]

1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: I just used the simplest one to have a simple slideshow lay behind an MP3 file for my church's website
www.saintjameswestminster.ca/sermons

The slideshow doesn't seem to start until the mouse passes over the control bar for the embedded MP3. Any ideas?

[jscheuer1]

The link in your post to the church's website is to a folder. What's the link to the page that shows the problem?

Please post a link to a page on the site that contains the problematic code so we can check it out.

[krystals_dad]

Thanks John. Here is one of the pages.

http://www.saintjameswestminster.ca/....mp3&n=Harvest Blessing




It loads as a popup from www,saintjameswestminster.ca/semons.php

[jscheuer1]

Well, if it so happens that the mouse is over the slideshow when the popup opens, in some browsers, yes. That's the default behavior of the script - pause onmouseover.

You can disable that by adding an oninit function (highlighted as shown) to the on page new fadeSlideShow declaration:

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [551, 441], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["picture_library/gary/gary_01.jpg"], 
		["picture_library/gary/ . . .

			   . . . . ary/gary_17.jpg"],
		["picture_library/gary/gary_18.jpg"],
		["picture_library/gary/gary_19.jpg"],
		["picture_library/gary/gary_20.jpg"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:10000, cycles:0, wraparound:false},
	persist: true, //remember last viewed slide and recall within same session?
	fadeduration: 1000, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: "",
	oninit: function(){
		var setting = this.setting;
		setting.$wrapperdiv.mouseenter(function(){setting.ismouseover = false;});
		setting.ismouseover = false;
	}
})

</script>

Don't miss the added comma (red) after the togglerid value.

[krystals_dad]

John. You rock. Thanks so much for the solution and helpful explanation