It is working well, but I want to add a feature where, on page load, a random image (not the first one) appears.
(function($) {
$(function() {
$('.jcarousel').jcarousel({
auto:5,
wrap: 'last'
}
)
;
$('.jcarousel-control-prev')
.on('jcarouselcontrol:active', function() {
$(this).removeClass('inactive');
})
.on('jcarouselcontrol:inactive', function() {
$(this).addClass('inactive');
})
.jcarouselControl({
target: '-=1'
});
$('.jcarousel-control-next')
.on('jcarouselcontrol:active', function() {
$(this).removeClass('inactive');
})
.on('jcarouselcontrol:inactive', function() {
$(this).addClass('inactive');
})
.jcarouselControl({
target: '+=1'
});
$('.jcarousel-pagination')
.on('jcarouselpagination:active', 'a', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'a', function() {
$(this).removeClass('active');
})
.jcarouselPagination();
});
})
(jQuery);
// ]]></script>
Can I somehow manipulate the pagination class, adding active/inactive on page load?
jQuery('#body_list').jcarousel({ scroll: 1, initCallback: bodylist_initCallback });
And write a function like this:
function bodylist_initCallback(carousel) {
That would do something on page load?
Thanks for any help
Michael