Question

嗨，我正在运行简单的flexslider。加载所有图像，css和js文件，但在我的情况下图像不显示。我尝试和谷歌搜索多次，但我没有得到确切的问题，请帮助这里是我的代码

<html>
    <head>
        <link href='file:///C:/Users/suku/Desktop/code/flexslider/css/flexslider.css' class='flexslider' media='all' rel='stylesheet' type='text/css'>
        <script src='file:///C:/Users/suku/Desktop/code/flexslider/js/jquery.js' type='text/javascript'></script>
        <script src='file:///C:/Users/suku/Desktop/code/flexslider/js/jquery.flexslider.js'>   </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(window).load(function() {
                    $('.flexslider').flexslider({
                        animation: "slide"
                    });
                });
            }); 
        </script>
    </head>
    <body>
        <div class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <img alt='slider01' src='file:///C:/Users/suku/Desktop/code/flexslider/images/1.jpg'>
                    </li>
                    <li>
                        <img alt='slider02' src='file:///C:/Users/suku/Desktop/code/flexslider/images/2.jpg'>
                    </li>
                </ul>
            </div> <!-- end flexslider -->

        </div>
    </body>
</html>

Answer 1

您没有按要求提供src值。只需将图像带到html文件所在的同一文件夹即可。我认为你是这个领域的新手。我不知道您的柔性滑板是否正常工作，但您也必须将它移动到同一个文件夹中。圣诞快乐Suku

Answer 2

您正在ready（）中使用window load（）。除非每个资源都加载到文档中，否则不会执行load（）函数，而ready（）将在准备好所有DOM时执行。

请在$（document）.ready（）

之外使用$（window）.load（）

Answer 3

将这些图像放入项目中，然后使用

之类的路径

src="~/Content/Images/slide1.jpg"

并使用

$(window).resize(function () {

    var slider1 = $('.flexslider').flexslider({

        animation: "slide",
        animationLoop: false,
        itemWidth: 150,
        controlNav: false,
        touch: true,
        keyboard: true,
        minItems: 2,
        slideshow: false,
        itemMargin: 5
    });
});

flexslider没有显示图像

3 个答案: