Configuring a carousel slider to stop/pause on click

[Jodi Stammer]

I want to use this carousel slider on the home page of a site:
http://coolcarousels.frebsite.nl/c/8/coolcarousel.html

 

And would like it to auto-advance unless it’s been clicked on. I’ve figured out how to make it auto advance and define the timeoutDuration, but I need some help making it pause if one of the tabs has been clicked on. Is this even possible?

 

Here’s the configuration code:
http://caroufredsel.dev7studios.com/configuration.php

 

At this point, I’m not planning to use the plugin they have.

 

Thank you!

 

Jodi Stammer
Graphic & Web Designer
Uncorked Design LLC

jodi.s...@comcast.net
763-954-0820
______________________
www.uncorkeddesign.com
BURSTING WITH CREATIVITY!

	VIEW MY PROFILE
	jodi.stammer

 

 

[Tom Penney]

anything is possible, but is it worth the effort? It looks like you might be able to use the onCreate callback to tie your nav menu into pauseOnHover. It would take some diggin' in time for me to say for sure how it would work. 

--
You received this message because you are subscribed to the Google Groups "Minneapolis St. Paul WordPress User Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mpls-stpaul-word...@googlegroups.com.
To post to this group, send email to mpls-stpau...@googlegroups.com.
Visit this group at http://groups.google.com/group/mpls-stpaul-wordpress?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

--
Tom Penney
952-200-3363

[Jodi Stammer]

I was hoping it was a simple command among those in the configuration. I’m not particularly savvy in jQuery code so thought maybe there was one in there that does what I need, but that I couldn’t interpret it.

	VIEW MY PROFILE
	jodi.stammer

 

 

--
You received this message because you are subscribed to the Google Groups "Minneapolis St. Paul WordPress User Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mpls-stpaul-word...@googlegroups.com.
To post to this group, send email to mpls-stpau...@googlegroups.com.
Visit this group at http://groups.google.com/group/mpls-stpaul-wordpress?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

 

--
Tom Penney
952-200-3363

[Jodi Stammer]

I think pauseOnHover is really (hopefully) all I need.

 

Jodi Stammer
Graphic & Web Designer
Uncorked Design LLC

jodi.s...@comcast.net
763-954-0820
______________________
www.uncorkeddesign.com
BURSTING WITH CREATIVITY!

	VIEW MY PROFILE
	jodi.stammer

 

 

From: mpls-stpau...@googlegroups.com [mailto:mpls-stpau...@googlegroups.com] On Behalf Of Tom Penney

Sent: Friday, March 01, 2013 2:42 PM
To: mpls-stpau...@googlegroups.com
Subject: Re: {MSP Wordpress} Configuring a carousel slider to stop/pause on click

 

anything is possible, but is it worth the effort? It looks like you might be able to use the onCreate callback to tie your nav menu into pauseOnHover. It would take some diggin' in time for me to say for sure how it would work. 

 

On Fri, Mar 1, 2013 at 11:57 AM, Jodi Stammer <jodi.s...@comcast.net> wrote:

I want to use this carousel slider on the home page of a site:
http://coolcarousels.frebsite.nl/c/8/coolcarousel.html

 

And would like it to auto-advance unless it’s been clicked on. I’ve figured out how to make it auto advance and define the timeoutDuration, but I need some help making it pause if one of the tabs has been clicked on. Is this even possible?

 

Here’s the configuration code:
http://caroufredsel.dev7studios.com/configuration.php

 

At this point, I’m not planning to use the plugin they have.

 

Thank you!

 

Jodi Stammer
Graphic & Web Designer
Uncorked Design LLC

jodi.s...@comcast.net
763-954-0820
______________________
www.uncorkeddesign.com
BURSTING WITH CREATIVITY!

	VIEW MY PROFILE
	jodi.stammer

 

 

--
You received this message because you are subscribed to the Google Groups "Minneapolis St. Paul WordPress User Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mpls-stpaul-word...@googlegroups.com.
To post to this group, send email to mpls-stpau...@googlegroups.com.
Visit this group at http://groups.google.com/group/mpls-stpaul-wordpress?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

 

--
Tom Penney
952-200-3363

[Tom Penney]

Great. 

it looks like the pauseOnHover setting will make everything pause when your mouse is anywhere on the carousel. 

I think I might have misunderstood. I though that you were trying to make the carousel pause when someone clicked something outside of the carousel, like your menu tabs. It turns out this is pretty easy too, I missed this at first but there are examples here:

http://caroufredsel.dev7studios.com/custom-events.php

so something like this Untested code would work.

$(document).ready(function() {

	$("#yourCarouselID").carouFredSel({
		auto: false
	});
	$(".yourTabClass").click(function() {
		$("#yourCarouselID").trigger("pause", 1);

	});
});