问如何在json源码中显示带有滑块的图片？
EN

Stack Overflow用户

提问于 2017-04-02 02:52:45

回答 1查看 255关注 0票数 0

我有一个包含图片地址的JSON文件，我使用get JSON连接到JSON文件，我还使用了一个名为“lightslider”的插件来显示图片，我的问题是当我运行HTML注释显示时，但刷新了它显示的页面。另一个问题是它只能在火狐上工作。也在服务器上，不在服务器上工作。请给我一些简单和可能的方式来显示我的图片从JSON文件，这是在所有浏览器上的滑块。谢谢。

<!DOCTYPE html>
<html lang="en">
    <head>
    <title>link3</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet"  href="lightslider.css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="lightslider.js"></script> 
    <script>
         $(document).ready(function() {
            $('#image-gallery').lightSlider({
                item:1,
                speed:500,
                auto:true,
                loop:true,
                pause: 3000,
                pauseOnHover:true,
                thumbItem:9,
                slideMargin: 0,
                autoWidth:true,
                onSliderLoad: function() {
                    $('#image-gallery').removeClass('cS-hidden');
                }  
            });
        });
    </script>
    <script>
    $(document).ready( function(){

    $.getJSON('slides.json', function(data) {
    $("h2").html(data[0].title);
            $.each(data, function (i, f) {
                if(i>0){
                    $("#image-gallery").append("<li><img src=" + f.content + "/></li>");
                }
            });
       });
    });
    </script>
</head>
    <body>
        <h2 style="text-align: center; font-weight: bolder;">
        </h2>
        <div class="clearfix container" style="max-width:900px;" >
            <ul id="image-gallery" class="gallery list-unstyled cS-hidden">
            </ul>
        </div>
    </body>
</html>

javascript

jquery

html

json

回答 1

Stack Overflow用户

发布于 2017-04-02 02:59:16

关于您在JavaScript上仅在刷新后工作的问题，请尝试将代码包装在window.onload = function(){}中，以便在DOM完全加载后加载代码。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43160744

复制

相似问题

问如何在json源码中显示带有滑块的图片？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在json源码中显示带有滑块的图片？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在json源码中显示带有滑块的图片？
EN