Question

I’m currently working on a webproject.
I have to use a carousel Jquery, found that this looked the easiest to configure: http://ryrych.github.com/rcarousel/.

The site I’m working on: http://ripsraps.com/auzomapps/

The problem: When you press on the an app icon, I want the carousel to move to that page.
So basically what I’m asking; is there any way to make the links trigger the rotation, instead of those dots?

Answer 1

I’m guessing you mean something like the goToPage command:

$( "#carousel" ).rcarousel( "goToPage", 3 );

So on your app icon try something like:

<a href="page.html" onclick="$('#carousel').rcarousel('goToPage', 3 ); return false;">
<img src="img/App-Random.png" width="65" height="88" border="0">
</a>

Where 3 is for example the number of the slide you are going to for the respective app icon.

NB: page.html should be some page to navigate to with appropriate information (maybe link it to the same image in the slide show), just in case JavaScript is not available and it is also better practice for search engine optimization. Optionally you can replace “page.html” with “#” if necessary.

More info at their online docs:

http://ryrych.github.com/rcarousel/#api