Reputation: 11
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">«</button>
<button class="next">»</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
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