jQuery Lightbox(balupton版)图片展示插件demo

查看更多参数

一、Lightbox Tour

<a href="http://image.zhangxinxu.com/image/study/s/s512/mm1.jpg" rel="lightbox-tour" title="张含韵小美女">

简要说明

二、自动创建lightbox组

<a href="http://image.zhangxinxu.com/image/study/s/s512/mm1.jpg" rel="lightbox-myGroup" title="张含韵小美女">

简要说明

三、独立的lightbox效果

<a href="http://image.zhangxinxu.com/image/study/s/s512/mm1.jpg" rel="lightbox" title="张含韵小美女">

简要说明

四、手动创建分组

<a href="http://image.zhangxinxu.com/image/study/s/s512/mm1.jpg" title="张含韵小美女">

$(function(){
	$("#manualGroup a").lightbox();		   
});

简要说明

五、一些参数使用举例

<a href="http://image.zhangxinxu.com/image/study/s/s512/mm1.jpg" title="张含韵小美女">

$(function(){
    $("#paramsTest a").lightbox();	
    //------------------
    $.Lightbox.construct({
        show_linkback: false,
        opacity: 0.6,
        text: {
            image: '照片'
        }
    });		   
});

简要说明

本代码由懒人建站网 收集整理
懒人建站 http://www.51xuediannao.com

我们为您提供- HTML+CSS模板JS代码网页特效导航菜单焦点幻灯片网页欣赏CSS技巧
懒人建站只收录实用和能提高用户体验的代码
我们只想解放出你的部分写代码时间来思考更高层次的设计,而不是要你懒惰、拼凑。