Javascript flexslider不显示图像_Javascript_Html_Css

Javascript flexslider不显示图像

javascript html css

Javascript flexslider不显示图像,javascript,html,css,Javascript,Html,Css,嗨，我正在运行简单的flexslider。所有图像、css和js文件都已加载，但在我的示例中图像不会显示。我尝试和谷歌搜索了很多次，但我并没有得到确切的问题，请帮助这里是我的代码 <html> <head> <link href='file:///C:/Users/suku/Desktop/code/flexslider/css/flexslider.css' class='flexslider' media='all' rel='style

嗨，我正在运行简单的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>


$（文档）.ready（函数（）{
$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”
});
});
});

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

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

请在$（document）.ready（）之外使用$（window）.load（）

将该图像放入项目中，然后使用如下路径

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
    });
});

我认为没有必要两者兼用。使用

ready

或

load

您是否能够在www.jsfiddle.net中复制此问题？我认为您的问题在于您的自定义css，如果您有自定义样式，请检查滑块的方向。你的方向是：ltr；