views:

25

answers:

0

I'm having an issue with the jquery plugin jcarousel which causes the carousel area to be moved when the browser is resized.

This happens when the carousel is set to "circular" and has already gone through each item. The container of the carousel has a style of left: -7300px; width: 10950px; When I resize the browser it changes to: left: -8030px; width: 8760px; and the carousel is out of view (seems to be to the left of where it should be, as I can still see items scrolling past).

EDIT: Adding code. I'm using Drupal + Views, so the html is a bit messy and can't really post. But here's how I'm setting up the carousel:

  $(document).ready(function() {
    $(".view-promo-box-home-page-carousel ul").jcarousel({
    visible: 1,
    scroll: 1,
    auto : 1,
    wrap : "circular",
    itemFallbackDimension : 730
    }); 
 });