Backstretch无法显示幻灯片或任何图像

时间:2014-04-07 06:30:18

标签: jquery jquery-plugins fullscreen jquery-backstretch

我正在尝试显示完整尺寸的背景图片,因为我正在使用此jquery plugin 我正在关注此example

我的代码是

<!DOCTYPE html >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>full page image</title>

    </head>

    <body>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.backstretch.min.js"></script>
        <script type="text/javascript">
            < script >
                    $.backstretch([
                        "http://media1.santabanta.com/full5/Indian%20%20Celebrities(F)/Gehana%20Vasisth/gehana-vasisth-0a.jpg",
                        "http://media1.santabanta.com/full5/Indian%20%20Celebrities(F)/Disha%20Pandey/disha-pandey-1a.jpg",
                        "E:\wall\beaches-82a.jpg"
                    ], {
                        fade: 750,
                        duration: 4000
                    });
        </script>
    </body>
</html>

上述代码有什么问题。如何使其工作

1 个答案:

答案 0 :(得分:0)

通过检查浏览器控制台或网络标签确保文件的所有路径都正确。

此外,您需要删除<script>下的<script type="text/javascript">代码,因为您无法拥有嵌套的<script>代码。然后它应该按预期工作。