私はこれに数日間苦労してきました - 私は自分のサイト用に 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 & Services</a>
<ul>
<li><a href="#">Biometric & RFID Access Control Systems</a></li>
<li><a href="#">Video Surveillance Systems</a></li>
<li><a href="#">Track & Trace Systems</a></li>
<li><a href="#">Logistic Management Systems</a></li>
<li><a href="#">Professional IT & 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 & 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 & 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>