2

嗨，我使用 jquery 循环插件创建了多个简单的滑动画廊。在 Mac 上的 Chrome/Safair 中，浏览器未加载图像。

这是链接

我正在使用的 js 在这里，虽然它可能是一个 CSS 问题..？我正在努力寻找真正的问题。

$(document).ready(function() {
        $('.slides').each(function() {
        var $this = $(this), $ss = $this.closest('.slideshow');
            var prev = $ss.find('a.prev'), next = $ss.find('a.next');
            $this.cycle({
                prev: prev,
                next: next,
                fx: 'scrollLeft', 
                speed:  'fast', 
                timeout: 0 
            });
    });

    });

CSS

.slideshow {
width:476px;
height:287px;
float:left;
margin-right:30px;
position:relative;
z-index:0;
margin-bottom:20px;
}

.slides {
position:absolute;
top:0;
left:0;
z-index:1;
}

a.prev {
display:block;
width:23px;
height:22px;
background:red;
position:absolute;
z-index:1000;
background: url(../images/next_prev.png) no-repeat 0 0;
top:133px;
left:-11px;
}

a.next {
display:block;
width:23px;
height:22px;
background:red;
position:absolute;
z-index:1000;
background: url(../images/next_prev.png) no-repeat -23px 0;
top:133px;
right:-11px;
}

标记：

<div class="slideshow"> 
                <div class="slides"> 
                    <img src="images/chief_st_1.jpg" alt="CHIEF stationery + literature" /> 
                    <img src="images/chief_st_3.jpg" alt="CHIEF stationery + literature" /> 
                    <img src="images/chief_st_2.jpg" alt="CHIEF stationery + literature" /> 
                </div> 
                <a class="prev" href="#"></a> <a class="next" href="#"></a> 
            </div>

任何帮助，将不胜感激。谢谢

4

3 回答 3

2

这里有很多人报告了这个问题：

http://code.google.com/p/chromium/issues/detail?id=113556

不幸的是，还没有解决方案，但是它已经被重新创建，我也这样做了。

只是一些信息

于 2012-02-28T01:41:46.393 回答
1

没有 Mac 但 Firebug 显示：

[cycle] terminating; too few slides: 1
[cycle] terminating; too few slides: 1
[cycle] terminating; too few slides: 1

这有帮助吗？

于 2010-04-30T16:23:03.860 回答
0

看起来为我工作。在 Mac 和 FF 上检查了 chrome ......仍然有问题吗？

于 2010-12-07T08:34:10.157 回答