querious
querious

Reputation: 11

JCarouselLite seems to scroll only once

I am terribly new to Javascript/JQuery, so please bear with me if this is a silly question. I have tried to implement JCarouselLite on my site which runs on an Opencart platform with the Oxy theme.

I have finally managed to get my carousel to actually scroll, but the funny thing is, it only scrolls once, and that's it. You'll see what I mean from the website here:- http://tinyurl.com/qy4ztyn

This is what I have in my code:-

<div class="image-additional-left">
    <button class="prev">&laquo;</button>
    <button class="next">&raquo;</button>
    <div class="carousel94">
        <ul>
        <?php foreach ($images as $image) { ?>
            <li><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox">
            <img src="<?php echo $image['thumb']; ?>" width="120" height="120" "title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
        <?php } ?>
        </ul>
    </div>    
</div>
<script type="text/javascript"><!--
    $(function() {
        $(".carousel94").jCarouselLite({
            vertical: true,
            visible: 4,
            scroll: 1,
            btnNext: ".next",
            btnPrev: ".prev"
        });
    });
//--></script>

Am I missing something here? Any advice would be greatly appreciated... Thank you!

Upvotes: 0

Views: 150

Answers (1)

querious
querious

Reputation: 11

I worked with the developer, and managed to resolve the issue. It was due to an old version of jquery that I was using that was not compatible with the plugin.

To resolve the issue, simply use at least a version 1.8 of jquery. :)

Upvotes: 1

Related Questions