Hi there,

I just set up a jCarousel and I am impressed of what it's capable of.
I display two items at a time and want to scroll two items per click.
Currently there are 6 items in the <ul> containing the data for the
carousel.

Apperently, I got a problem with sliding always two. My problem is
that the carousel is sliding the first two items completely but after
that only one at a time.

Has anyone an idea what I have done wrong?

Here is the HTML:

<ul id="mycarousel" class="jcarousel-skin-erstbezug">';
<li>
<div class="jcarousel_item_content">
        <h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?
>"><?php the_title(); ?></a></h2>
        <?php the_excerpt(); ?>
</div>
</li>
... // 5 more
</ul>

Here is the JS:

<script type="text/javascript">
        function carousel_callback(carousel) {
            jQuery('#mycarousel-next').bind('click', function() {
                carousel.next();
                return false;
            });

            jQuery('#mycarousel-prev').bind('click', function() {
                carousel.prev();
                return false;
            });
        };
        jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
                auto: 0,
                scroll: 2,
                wrap: 'last',
                        buttonNextHTML: '',
                        buttonPrevHTML: '',
                initCallback: carousel_callback
        });
        });
</script>

Thanks for your help and greets from Germany,

Marco

Reply via email to