私はmagentogoストアにスライダーを表示しようとしていますが、スライダーのデモ例からすべてのコードをcssとともにコピーしたにもかかわらず、スライダーが機能しません。これがスライダーの仕組みであるため、cssは何も表示しないように設定されています。しかし、Jquery は loop.js ファイルのスライダー コードを呼び出していません。私は本当にここで立ち往生しているので、助けてください。私はslidesjsを使用しています: slidesjs.com
ここにウェブサイトがあります: https ://magoopaddleboards.gostorego.com/#
編集コードを追加するのは大変だと思いましたが、すでに2つの反対票を獲得したので、ここにあります:
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/no.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/jquery.slides.min.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/loop_2.js"></script>
ご覧のとおり、必要なすべてのファイルを含めています。loop2_js のコードは次のとおりです。
$(function() {
$('#slides').slidesjs({
width: 920,
height: 362
});
});
スライドのコードは次のとおりです。
<div class="container">
<div id="slides">
<img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic3.jpg" alt="">
<img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic4.jpg" alt="">
<img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic1.jpg" alt="">
<img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic2.jpg" alt="">
</div>
</div>