Question

我正在尝试将幻灯片定位到具有一定宽度和高度的div中，但由于某种原因它无法正常工作。我不能让这个幻灯片脚本不全屏。我不能让它最大宽度为600px。它只是占据了整个窗口。

<script language="javascript" type="text/javascript">
    $(function() {
        $('div.gallery img').slidingGallery();
        container: $('div.gallery')
    });
</script>

<div class="gallery" style="width:800px; height:500px;">
        <img src="http://i.imgur.com/UkU8B.jpg" class ="start"alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
        <img src="http://i.imgur.com/UkU8B.jpg" alt="rawr" />
    </div>

这是一个工作示例，看看我的意思： http://jsfiddle.net/fFMEg/

以下是幻灯片脚本的js： http://syndicatebox.com/jquery.slidingGallery-1.2.min.js

Answer 1

你正在调用它。而不是：

$(function() {
    $('div.gallery img').slidingGallery();
    container: $('div.gallery')
});

（甚至不是有效的JavaScript）执行此操作：

$(function() {
    $('div.gallery img').slidingGallery({
        container: $('div.gallery')
    });
});

检查this以供参考。

不能在div中获得jquery幻灯片

1 个答案: