Question

我在文件Strict中使用Roundabout jquery：http://fredhq.com/projects/roundabout/，但它在IE中没有使用。这是我的来源：

HTML：

<ul class="roundabout">
    <li><a title="#" href="#"><img alt="product 1" src="images/product-1.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 2" src="images/product-2.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 3" src="images/product-3.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 4" src="images/product-4.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 5" src="images/product-5.gif" /></a></li>
    <li><a title="#" href="#"><img alt="product 6" src="images/product-6.gif" /></a></li>
</ul>

CSS：

.roundabout-holder { height:250px; list-style:none; margin:0 auto; margin-bottom:50px; width:90%; }
.roundabout-moveable-item { height:190px; width:95px; }
.roundabout-moveable-item a { cursor:move; }
.roundabout-in-focus {}
.roundabout-in-focus a { cursor:pointer; }

JS：

jQuery(document).ready(function() {
    jQuery(".roundabout").roundabout({
        easing: 'easeInOutExpo',
        shape: 'lazySusan'
    })
    .hover(
        function() {
            clearInterval(interval);
        },
        function() {
            interval = startAutoPlay();
        }
    );

    interval = startAutoPlay();

    function startAutoPlay() {
        return setInterval(function() {
            jQuery(".roundabout").roundabout_animateToNextChild();
            }, 3000);
    }
});

为什么？以及如何在文件严格中修复它，谢谢

Answer 1

尝试

的CSS：

.roundabout-moveable-item img { height:100%: width:100%; }

文件Strict中的Roundabout jquery

1 个答案: