我已经为此努力了好几个小时。我的 jCarousel 设置几乎与他们的“简单”示例相同,而且我没有得到任何滚动。如果您将容器的宽度设置得更高,您可以看到所有图像垂直而不是水平堆叠在一起,但 UL 采用了正确的“水平”类。
帮助!
http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/
我已经为此努力了好几个小时。我的 jCarousel 设置几乎与他们的“简单”示例相同,而且我没有得到任何滚动。如果您将容器的宽度设置得更高,您可以看到所有图像垂直而不是水平堆叠在一起,但 UL 采用了正确的“水平”类。
帮助!
http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/
我已经解决了这个问题。我将 UL 设置为 display:none; 然后一个脚本将其设置为在轮播加载后显示,以防止无样式内容的尴尬闪现。显然,这给 jCarousel 计算项目宽度带来了一些麻烦,因为列表没有显示。感谢大家。
在使用此插件加载页面期间,我遇到了隐藏未设置样式的 Flash 的问题。对我来说最简单的解决方法是将可见性的 css 值应用于<ul>
元素,然后在加载 jCarousel 后删除该 css 值。<li>
应用 visibility:hidden 而不是 display:none 允许jCarousel 插件计算元素的正确宽度。
谢谢大家...这对我有用
jQuery(document).ready(function() {
$('#<%=myImagecarousel.ClientID%>').jcarousel();
$('#<%=myImagecarousel.ClientID%>').removeAttr('style');
$('#<%=myImagecarousel.ClientID%>').show();
});
你确定你的 jcarousel 声明被调用了吗?
我看到你正在使用这个声明:
(function($) {
$(function() {
$('#carousel').jcarousel();
$('#carousel').show();
});
})(jQuery)
尝试取出 inside 函数,使其看起来像:
(function($) {
$('#carousel').jcarousel();
$('#carousel').show();
})(jQuery)
我之所以这么说是因为如果我在 firebug 中调用 $('#carousel').jcarousel() ,它会正常工作。
包含所有内容的 ul 设置得太窄了。展开它,或尝试完全删除宽度。
你有一个 id 为“carousel”的 ul,它有一个宽度为 110px 的内联样式。
尝试取消该宽度声明或使其更大。