PDA

View Full Version : Problem with Ultimate Fade In Slideshow v2.0



krystals_dad
10-06-2011, 06:04 PM
1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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
10-06-2011, 06:34 PM
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
10-06-2011, 11:04 PM
Thanks John. Here is one of the pages.

www.saintjameswestminster.ca/sermonplayer.php?s=sermons/111002.mp3&n=Harvest Blessing




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

jscheuer1
10-07-2011, 04:27 AM
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
10-07-2011, 12:03 PM
John. You rock. Thanks so much for the solution and helpful explanation