上周闲逛看见此贴http://www.iteye.com/topic/986779?page=2#2030186,楼主向我们展示了他玩JS玩得有多遛。本着学习的原则研究了一下,发现思路大有可取之处,于是根据楼主的原理打造成了 ImageSlider0.5。
首先来关注一下使用方法:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My ImageSlider</title>
<script type="text/javascript" src="jquery-1.3.min.js"></script>
<script type="text/javascript" src="imageSlider.js"></script>
<script type="text/javascript">
var slider;
$(document).ready(function(){
slider = new ImageSlider(400,300);
//加一张图片
slider.add("images/car4.jpg");
//批量加图片 images目录下有 car1-car4 四张图片
slider.batchAdd({baseDir:"images",prefix:"car",begin:1,end:4});
slider.renderTo('slider');
}
)
</script>
</head>
<body>
<div id="slider">
</div>
<input type="button" onclick="slider.next()" value="next"></input>
</body>
</html>
效果图:
源代码及图片打包下载。
如要修改代码,请联系本人。美女如有不明白,可请教本人。
分享到:
相关推荐
06.他山之石-东瀛乳品见闻录
06.他山之石-东瀛乳品见闻录.pdf
20131112-海通证券-他山之石系列十四.pdf
固定收益专题报告:海外利率市场化的启示,他山之石,可以攻玉-0329-东方证券-16页.pdf
汽车行业站在电动车市场转折点上看特斯拉:他山之石,可以攻玉-0304-招商证券-14页.pdf
宠物行业系列研究之海外宠物企业:他山之石,可以攻玉-中泰证券-20170225_宠物行业研究报告.pdf
20210623-东吴证券-环保工程及服务行业碳中和系列报告(十):鉴他山之石,全国碳市场展望及减碳成本测算.pdf
20131112-海通证券-他山之石系列十四
他山之石,可以攻御——谈谈一类没“技术”含量的绕过漏洞--宝宝树.pdf
20200915-东北证券-钢铁行业:欧洲钢铁行业发展梳理,他山之石.pdf
石油化工:他山之石系列报告之十一-全球顶级石油公司:沙特阿美发展历程研究.pdf
20210729-长城证券-交通运输行业深度报告:鉴他山之石,快递价格战或柳暗花明.pdf
保险行业联合健康集团的他山之石和平安太保的健康服务布局:健康保险超级明星股的诞生-20190116-中泰证券-18页.pdf
固定收益点评:他山之石,公募REITs如何发展-0422-国盛证券-15页.pdf
20210528-华西证券-银行行业专题报告:他山之石之财富管理业务,广阔空间,大有所为.pdf
食品饮料行业深度研究报告:他山之石,东瀛乳品见闻录-0709-华创证券-16页.pdf
华东五市旅游考察报告-他山之石可以攻玉.doc
食品饮料行业深度研究报告:他山之石~养乐多,一个小红瓶,走遍全天下-华创证券-20190716.pdf