You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

how can i stop slideshow autoplay when a tab is clicked? Created Sep 11, 2009

This thread is solved

Views: 2365     Replies: 3     Last reply Apr 29, 2010  
You must login first before you can use this feature

jdbeast00

Posts: 13

Registered:
Sep 11, 2009

how can i stop slideshow autoplay when a tab is clicked?

Posted: Sep 11, 2009

hopefully this is a dumb question. i want to STOP the slidshow from playing when the user clicks on a tab.

I tried adding a call to api.stop() to the onClick event of the tabs, but the problem is that onClick is what is called by the slideshow! How can I stop the slideshow only when a user clicks, not when the click function is called programmatically.

jdbeast00

Posts: 13

Registered:
Sep 11, 2009

» how can i stop slideshow autoplay when a tab is clicked?

Posted: Sep 11, 2009

Reply to: how can i stop slideshow autoplay when a tab is clicked?, from jdbeast00

			$('.tabbuttons').click(function(){
				api.stop();
			});
that worked

theden82

Posts: 2

Registered:
Mar 11, 2010

» » how can i stop slideshow autoplay when a tab is clicked?

Posted: Mar 11, 2010

Reply to: » how can i stop slideshow autoplay when a tab is clicked?, from jdbeast00
Where did you put this code ? I need this function but cant get it to work..

current javascript :

<script language="JavaScript">
// What is $(document).ready ?
$(function() {
	
	$("div.tabs").tabs(".images > div", {

		// enable "cross-fading" effect
		effect: 'fade',
		fadeInSpeed: 800,
		fadeOutSpeed: "slow",
		
		// start from the beginning after the last tab
		rotate: true,
		autoplay: true,
		autopause: true
		
	// use the slideshow plugin. It accepts its own configuration
}).slideshow({autoplay: true, interval: 8000, autopause: true});
});
</script>

limas.marco

Posts: 2

Registered:
Apr 29, 2010

RE: how can i stop slideshow autoplay when a tab is clicked?

Posted: Apr 29, 2010

Reply to: » » how can i stop slideshow autoplay when a tab is clicked?, from theden82
this worked for me, i set the "clickable" property to false, inside slideshow plugin...



$(function() {
	
	$("div.tabs").tabs(".images > div", {

		// enable "cross-fading" effect
		effect: 'fade',
		fadeOutSpeed: 'slow',
                
		// start from the beginning after the last tab
		rotate: true
        
	// use the slideshow plugin. It accepts its own configuration
	}).slideshow({autoplay: true, clickable: false});
         
        
        
});

i click on a tab, then the autoplay stops and go to hyperlink of the tab...