繁体   English   中英

无法在div中获取jQuery幻灯片

[英]Cant get jquery slideshow in div

我正在尝试将幻灯片放到具有一定宽度和高度的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

您打错了。 代替这个:

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

(甚至不是有效的JavaScript)都可以这样做:

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

检查这个出来以供参考。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM