lightbox集成方法
1.调用文件:
<script type="text/javascript" src="/content/js/ins/lightbox/lightbox05.js"></script>
<link href="/content/js/ins/lightbox/lightbox05.css" rel="stylesheet" type="text/css" />
2.调用方法:
<script type="text/javascript">
$(function() {
$(\'.tempdemo\').lightBox({
imageLoading:\'/content/js/ins/lightbox/image/loading.gif\',
imageBtnPrev:\'/content/js/ins/lightbox/image/lightbox-btn-prev_ch.gif\',
imageBtnNext:\'/content/js/ins/lightbox/image/lightbox-btn-next_ch.gif\',
imageBtnClose:\'/content/js/ins/lightbox/image/lightbox-btn-close_ch.gif\',
imageBlank:\'/content/js/ins/lightbox/image/lightbox-blank.gif\'
});
});
</script>
3.调用图片
<a class="tempdemo" href="/content/js/ins/lightbox/image/demo/a2.jpg" title="坏老鼠的机器人设计."><img src="/content/js/ins/lightbox/image/demo/a1.jpg" /></a>
<a class="tempdemo" href="/content/js/ins/lightbox/image/demo/b2.jpg" title="坏老鼠的机器人设计."><img src="/content/js/ins/lightbox/image/demo/b1.jpg" /></a>
文章来自上海聚炎软件科技有限公司www.web5s.com请保留出处!
上海聚炎业务范围综合网站建设、网站推广、虚拟主机、域名注册、企业软件开发等。
联系方式: eplussoft@gmail.com 021-66380361 13482043258

