jCarousel next and prev button, disable?

javascript jquery jcarousel
user431619 picture user431619 · Aug 30, 2011 · Viewed 15.6k times · Source

Im using http://sorgalla.com/projects/jcarousel/ as a slider.... It shows one image at a time, and a total of four images... When displaying the first image, i dont want the prev arrow to be visible, and the same if im at number 4 image, i dont want the next arrow to be visible...

How do i do this?

I initialize the script like this: 

jQuery(document).ready(function() {
                                jQuery('#mycarousel').jcarousel();
                            });

Answer

Dennis picture Dennis · Aug 30, 2011

You can use CSS to hide the arrows. Adding the disabled classes is handled by the plugin itself.

.jcarousel-prev-disabled, .jcarousel-next-disabled
{
    visibility:hidden;
}

Demo: http://jsfiddle.net/ubanC/88/

Related questions

Getting Index of Current Item in JCarousel

I am attempting to get the index of the current item in a JCarousel so that I can display the current position within the Carousel to the user. For example, '13/20'. How can I do this? EDIT: Sample of …

Read More
jQuery get height of first 3 li tags

I am filling a unordered list with dynamic content and the list height will fir the content, does anyone know how I can get the height of the first 3 li tags in the unordered list? The dynamic content produced might …

Read More
Scroll to first item of jcarousel

I have multiple instances of jcarousel on a page within a tabbed interface. I need to be able to scroll to the first item of each carousel when the relevant tab is clicked and am unsure how to do this. …

Read More