[jQuery] navigation with word based links instead of numbers - "jcarousel with external controls"
Hi All,
I would like to change it so I can call frames within j carousel using
word based links. By default, "jcarousel with external controls",
calls frames using the text (numbers) within a link, for example...
<div class="jcarousel-control">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
</div>
and assigns the number to each frame using the below function...
jQuery('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
basically, i am trying to do something similar to http://jobberbase.com
where they use...
<li><a id="item_2" href="#">What's different?</a></li>
to call a frame within the carousel using the "id" tag. Then they use
function theCarousel(carousel)
{
$('#nav ul a').bind('click', function() {
var index = $(this).attr("id").split("_");
carousel.scroll(jQuery.jcarousel.intval(index[1]));
$('#nav ul a').removeClass("active");
$(this).addClass("active");
return false;
});
and assign a number to the frame using "id" within the "div" tag.
If anyone knows of a way I can edit this code to work similarly, I
would be very, very happy :)
Thanks
http://sorgalla.com/jcarousel/