Results 1 to 5 of 5

Thread: Problem with Ultimate Fade In Slideshow v2.0

  1. #1
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Problem with Ultimate Fade In Slideshow v2.0

    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?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    krystals_dad (10-07-2011)

  6. #5
    Join Date
    Oct 2011
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •