3

我遇到了 jquery 插件 jcarousel 的问题，它会导致在调整浏览器大小时移动轮播区域。

当轮播设置为“循环”并且已经通过每个项目时，就会发生这种情况。轮播的容器样式为 left: -7300px; 宽度：10950 像素；当我调整浏览器大小时，它变为：左：-8030px；宽度：8760px；并且轮播不在视线范围内（似乎在它应该在的左侧，因为我仍然可以看到滚动过去的项目）。

编辑：添加代码。我正在使用 Drupal + Views，所以 html 有点乱，不能真正发布。但这是我设置轮播的方式：

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

2 回答 2

0

我知道我迟到了，但是对于像我这样在此页面上搜索答案的人来说，答案来自：http ://www.sitepoint.com/forums/showthread.php?718555-Problem-with-旋转木马

看起来在您的 CSS 中，轮播列表项的宽度设置为 178 像素，其中的实际图像为 185 像素宽。将“.jcarousel-skin .jcarousel-item”的宽度调整为 185px（并相应地调整任何边距）应该可以解决问题。

于 2012-11-03T10:17:10.610 回答
0

我尝试了很多，发现Jcarousel默认不包含jquery.jcarousel.js。所以尝试将以下行添加到modules/jcarousel 中的jcarousel.module文件中。

 drupal_get_path('module', 'jcarousel') . '/js/jquery.jcarousel.js',

之后，而不是 jquery.jcarousel.js 的第 287 行... if (i + 1 < self.first) {

把它换成这个...

if (i + 1 < self.first % this.options.size) {

一切顺利...

它对我有用。

于 2013-09-03T09:53:22.567 回答