我正在尝试在我的页面'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>
最佳答案
你看不到图像,因为 #slideImg
的高度是 0。但是我不确定这一行:$("#slideImg").rotate({ ...
。为什么要在这里使用 rotate
?这应该是 $("#slideImg").slidesjs({...
吗?在更改之后,您可能仍需要将高度选项传递给 slidesjs。
关于javascript - js 滑动图像(旋转木马)变得不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40621893/