我试图在 magentogo 商店上显示一个滑块,但不知何故,尽管从滑块的演示示例中复制了所有代码以及 css,但滑块不起作用。css 设置为不显示,因为这是滑块的工作方式。但是 Jquery 没有调用 loop.js 文件中的滑块代码。我真的被困在这里,所以请帮忙。我正在使用 slidesjs: slidesjs.com
这是网站: https ://magoopaddleboards.gostorego.com/#
编辑我认为添加代码会占用太多位置,但是由于我已经在这里获得了两个反对票,所以它是:
<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>