<div class="header_bottom"> <div class="slider"> <div class="wrap"> <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" style="margin-bottom:15px"> <div data-thumb="images/thumbnails/slider-1.jpg" data-src="images/pdc-4.jpg"> </div> <div data-thumb="images/thumbnails/slider-2.jpg" data-src="images/pdc-3.jpg"> </div> <div data-thumb="images/thumbnails/slider-1.jpg" data-src="images/pdc-1.jpg"> </div> <div data-thumb="images/thumbnails/slider-2.jpg" data-src="images/pdc-2.jpg"> </div> </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div>
求解!如何让轮播图在手机端自适应呀
回复在div加上data-time没有效果啊,想控制每个图片不同的显示时间怎么处理啊,求解,谢谢
为什么我 data-src属性设置了图片就是显示不出来呢?
<div class="container"> <div class="camera_wrap" id="camera_wrap_1"> <div data-src="images/slides/bridge.jpg"></div> <div data-src="images/slides/leaf.jpg"></div> </div> </div>
js:
<script type="text/javascript">
$(function () {
$('#camera_wrap_1').camera({
height: 'auto',
loader: 'bar',
pagination: false,
thumbnails: false,
hover: false,
opacityOnGrid: false,
imagePath: 'images/'
});
});
</script>求解,谢谢
- - 哈哈哈.. 你这也太逗了