Results 1 to 3 of 3

Thread: Unable to resume slideshow

  1. #1
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Unable to resume slideshow

    1) Script Title: Janet Kelman's Event Page

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

    3) Describe problem: After I click on a button to go previous or next, the slideshow stops and has to be used manually. I want it to resume playing after hitting a button. I know how to create the button, but I don't know how to code this action.

    URL for the site:

    http://www.dbrco.net/jk.2009/events.html

  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

    I'm assuming you want a resume button. If so, add the highlighted as shown to your on page call:

    Code:
     . . . 		["Images/Claudia-slide8.jpg"]
    		//<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, pauseonmouseover: true},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	resume: true,
    	descreveal: "always",
    	togglerid: "slideshowtoggler",
    	oninit: function(){
    		var sObj = this,
    		$resume = this.setting.$togglerdiv.find('.resume').bind('click', function(e){
    			e.preventDefault();
    			if(sObj.setting.displaymode.type !== 'auto'){
    				sObj.setting.displaymode.type = 'auto';
    				sObj.showslide('next');
    				$resume.css({cursor: 'wait', cursor: 'progress', cursor: 'not-allowed'}).animate({opacity: 0.5});
    				if(window.opera)$resume.css({cursor: 'progress'});
    			}
    		}).css({opacity: 0.5, cursor: 'wait', cursor: 'progress', cursor: 'not-allowed'});
    		if(window.opera)$resume.css({cursor: 'progress'});
    		this.setting.$prev.add(this.setting.$next).add(this.setting.$togglerdiv.find('p a')).click(function(){
    			$resume.css({cursor: 'pointer'}).animate({opacity: 1});
    		});
    	}
    })
    
    </script>
    Don't miss the added comma (red) after the togglerid value.

    Then in your slideshowtoggler division, add something like this:

    Code:
    <a href="#" class="resume">resume</a>
    or preferably:

    Code:
    <a href="#" class="resume"><img src="resume.png" style="border-width:0" /></a>
    You'll need to find or make a resume.png image for it though, if you haven't already.
    Last edited by jscheuer1; 04-05-2011 at 02:02 PM. Reason: include individual artists in code
    - John
    ________________________

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

  3. #3
    Join Date
    Apr 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Oh, my gosh, it *WORKS*!! Thank you so much. I have been trying to make a resume button work for hours the past two days. : )

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
  •