0

链接: http: //misiur.com/teatr

错误代码:“jCarousel:没有为项目设置宽度/高度。这将导致无限循环。中止...”

我有一个旋转木马 - 没有错误。然后我添加了新的 - 这个错误。构建与第一个相同。简单的 HTML:ul with children li > a > img 我不知道为什么会这样。我尝试使用 CSS 添加尺寸,但仍然没有。img 需要相同大小吗?

提前致谢。

4

1 回答 1

3

尽管这是一个老问题,但它仍然出现在谷歌搜索中。

我在我的博客上发布了一个解决方案http://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/

但以防万一有一天它崩溃,这是帖子

无论您的 jarousel 项目的宽度和高度属性如何,都会发生错误。您需要设置轮播的第一个父级的宽度和高度。如果你遵循下面的这个设计模式,你就不会出错

首先我假设你已经包含了对你已经下载的 jcarousel 库的引用。实际上只有其中一个,因此您在找到它时不会出错。这里

  1. 包含 jcarousel 元素的页面的标记(注释包含在包含 div 中),该站点不支持显示太多 html,因此我删除了开始和结束标记
div id="hlrt"
ol id="hmprt" runat="server" clientidmode="Static"
li 类="l"
      !--你的东西在这里--
    /li
/ol
/div

您的初始化 jscript 以使您的轮播栩栩如生(注意应用于有序列表)

//初始化
$('#hmprt').jcarousel({
    垂直:真实,
    缓动:'easeInOutQuad',
    卷轴:4,
    自动:5,
    换行:'圆形',
    动画:3000
});
 

您的 CSS(应用于包装 div 的注释)

 
#hltr .jcarousel-item-vertical,
#hltr .jcarousel-item-placeholder-vertical {
    宽度:330px;
    高度:自动;
}
#hltr .jcarousel 容器垂直 {
    宽度:330px;
    高度:350px;
    边框:1px 实心#fff;
}
#hltr .jcarousel 剪辑垂直 {
    宽度:330px;
    高度:350px;
    z 指数:20;
}

我们这样做的原因是因为 jcarousel 类修改了 html 标记,因此样式将不再适用,因为对象将不再存在,或者在 jcarousel 对象级别具有相同的名称。

于 2011-05-28T15:40:04.043 回答