I am having a problem with jcarousel jQuery jQuery, which causes the carousel area to move when the browser is resized.
This happens when the carousel is set to “circular” and has already passed through each element. The carousel container has a style on the left: -7300px; width: 10950 pixels; When I resize the browser, it changes to: left: -8030px; width: 8760 pixels; and the carousel is out of sight (it seems to the left of where it should be, since I still see scroll elements).
EDIT: Adding Code. I am using Drupal + Views, so the html is a bit dirty and cannot post. But here is how I set up the carousel:
$(document).ready(function() {
$(".view-promo-box-home-page-carousel ul").jcarousel({
visible: 1,
scroll: 1,
auto : 1,
wrap : "circular",
itemFallbackDimension : 730
});
});