Jquery

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
在线客服
x
销售部
客服部
MSN
TEL 66380361