Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法使jQuery图像滑块工作_Jquery_Image_Slider_Gallery - Fatal编程技术网

无法使jQuery图像滑块工作

无法使jQuery图像滑块工作,jquery,image,slider,gallery,Jquery,Image,Slider,Gallery,我已经为此挣扎了好几天了——不久前我为我的网站购买了一个jQuery图像滑块插件,并一直在尝试实现它,但由于我无法理解的原因,它根本不起作用。我已经给开发人员发了一封电子邮件,开发人员回复说我已经正确安装了所需的编码,并且我已经多次尝试重新安装插件,严格按照说明操作,但我仍然无法让插件正常工作。它只是在我的本地站点上显示为空白。我尝试过的一些免费插件/图像滑块教程也产生了同样的问题,尽管正确地输入了代码,但我的图像显示为堆叠在一起,而不是在一个漂亮、平滑的滑块中 我的代码有问题吗 <!DO

我已经为此挣扎了好几天了——不久前我为我的网站购买了一个jQuery图像滑块插件,并一直在尝试实现它,但由于我无法理解的原因,它根本不起作用。我已经给开发人员发了一封电子邮件,开发人员回复说我已经正确安装了所需的编码,并且我已经多次尝试重新安装插件,严格按照说明操作,但我仍然无法让插件正常工作。它只是在我的本地站点上显示为空白。我尝试过的一些免费插件/图像滑块教程也产生了同样的问题,尽管正确地输入了代码,但我的图像显示为堆叠在一起,而不是在一个漂亮、平滑的滑块中

我的代码有问题吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
    <title>LITESTAR</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="script/style.css" rel="stylesheet" type="text/css" />
    <!-- Google Webfonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css' />
    <!-- LayerSlider styles -->
    <link rel="stylesheet" href="layerslider/css/layerslider.css" type="text/css" />

    <!-- jQuery with jQuery Easing JS -->
    <script src="layerslider/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="layerslider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>

    <!-- LayerSlider from Kreatura Media -->
    <script src="layerslider/js/layerslider.kreaturamedia.jquery-min.js" type="text/javascript"></script>

    <script type="text/javascript">
                $(document).ready(function(){
                    $('#layerslider').layerSlider({
                        skin : 'lightskin',
                        skinsPath : '../layerslider/skins/'
                    });
                });     
            </script>
    </head>
    <body>
    <div id="container">
      <div id="header">
        <ul class="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">About Us</a>
            <ul>
              <li><a href="#">Corporate Overview</a></li>
              <li><a href="#">Our Capabilities</a></li>
              <li><a href="#">Our Team</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          </li>
           <li><a href="#">Solutions &amp; Services</a>
            <ul>
              <li><a href="#">Biometric &amp; RFID Access Control Systems</a></li>
              <li><a href="#">Video Surveillance Systems</a></li>
              <li><a href="#">Track &amp; Trace Systems</a></li>
              <li><a href="#">Logistic Management Systems</a></li>
              <li><a href="#">Professional IT &amp; Office Equipment</a></li>
              <li><a href="#">Document Management Systems</a></li>
              <li><a href="#">Infrastructure (Connectivity)</a></li>
              <li><a href="#">Systems Integration</a></li>
              <li><a href="#">Projects &amp; Solutions Deployment</a></li>
              <li><a href="#">Outsourced Professional Services</a></li>
            </ul>
          </li>
          <li><a href="#">Products</a>
            <ul>
              <li><a href="#">ACTAtek, Certis, Bioguard, ArtecID</a></li>
              <li><a href="#">HIKVISION, AXIS, microlight</a></li>
              <li><a href="#">Customised RFID Asset Tracking System</a></li>
              <li><a href="#">Cristal WMS, RFID Smart Tag</a></li>
              <li><a href="#">Microsoft, Supermicro, HP, IBM</a></li>
              <li><a href="#">CareInc eForm</a></li>
            </ul>
          </li>
          <li><a href="#">Support &amp; Download</a>
            <ul>
              <li><a href="#">Corporate Brochure</a></li>
              <li><a href="#">Product Brochure</a></li>
            </ul>
          </li>
          <li><a href="#">Latest News</a></li>
        </ul>
      </div>
      <!--End Header-->
      <div id="wrapper">
      <!--LayerSlider begin-->
       <div id="layerslider" style="display:block;">
      <!--LayerSlider layer-->
        <div class="ls-layer">

            <!--LayerSlider background-->
            <img class="ls-bg" src="images/banner1.png" alt="layer1-background" />
            </div>
            <!--LayerSlider layer-->
        <div class="ls-layer">

            <!--LayerSlider background-->
            <img class="ls-bg" src="images/banner2.png" alt="layer1-background" />
            </div>
         <!--LayerSlider layer-->
        <div class="ls-layer">

            <!--LayerSlider background-->
            <img class="ls-bg" src="images/banner3.png" alt="layer1-background" />
            </div>
         <!--LayerSlider layer-->
        <div class="ls-layer">

            <!--LayerSlider background-->
            <img class="ls-bg" src="images/banner4.png" alt="layer1-background" />
            </div>
      </div>
      </div>
      <!--End Wrapper-->
      <div id="footer"> </div>
      <!--End Footer--> 
    </div>
    <!--End Container-->
    </body>
    </html>

莱特星
$(文档).ready(函数(){
$(“#layerslider”)。layerslider({
皮肤:“轻皮肤”,
skinsPath:“../layerslider/skins/”
});
});     

您是否尝试过在firebug/native browser one这样的开发人员控制台中查找?如果所有脚本和css都已正确安装,请咨询firebugloaded@pbaris我该怎么做呢?我有firebug,但我不确定如何确切地使用它来检查错误。@GeertJaminon我同时使用Chrome和Firefox,但我不清楚如何使用它来检查错误。在firebug中打开HTML选项卡,在DOM树中找到脚本节点。打开节点并检查脚本是否正确加载。如果加载了脚本,您将看到脚本本身或未找到消息或类似的内容