javascript - js 滑动图像(旋转木马)变得不可见

Question

我正在尝试在我的页面'http://www.donnaliartist.com/testpage.php 上制作轮播(或滑动图像，不知道如何调用它) '但是图像就看不见了，我不知道为什么。

这是我的html代码

<div id="slideImg" class="row centered moveup img">
                    <div class="slideMain">
                        <ul class="slide1">
                            <li><img src="assets/img/donna-megan.jpg" width="1151px" hspace="15" class="img-responsive"></li>
                            <li><img src="assets/img/donna-charcoal.jpg" width="1151px" hspace="15" class="img-responsive"></li>
                        </ul>
                    </div>
                </div>

js脚本

<script type="text/javascript">
    $(document).ready(function(){
      $("#slideImg").rotate({
        speed:10,
        width:"900px",
        slide1:".slide1"
      });
    });
  </script>

页面底部还有我的js脚本

<script src="assets/js/slides.min.jquery.js"></script>
<script src="assets/js/jquery.rotate.js"></script>

Answer 1

你看不到图像，因为 #slideImg 的高度是 0。但是我不确定这一行:$("#slideImg").rotate({ ...。为什么要在这里使用 rotate？这应该是 $("#slideImg").slidesjs({...吗？在更改之后，您可能仍需要将高度选项传递给 slidesjs。