1.创建项目
    aboutgreybox
2.添加图片
    images
        0.jpg
        1.jpg
3.添加GreyBox支持
    greybox
4.缩写jsp文件
    index.jsp
        <a href="http://www.mamicode.com/images/0.jpg" rel="gb_imageset[nice_pics]" title="我的相册">
            <img src="http://www.mamicode.com/images/0.jpg">
        </a>
        <a href="http://www.mamicode.com/images/1.jpg" rel="gb_imageset[nice_pics]" title="我的相册">
            <img src="http://www.mamicode.com/images/1.jpg">
        </a>
5.引入js文件
    <script type="text/javascript">
        var GB_ROOT_DIR = "./greybox/";
    </script>
    <script type="text/javascript" src="http://www.mamicode.com/greybox/AJS.js"></script>
    <script type="text/javascript" src="http://www.mamicode.com/greybox/AJS_fx.js"></script>
    <script type="text/javascript" src="http://www.mamicode.com/greybox/gb_scripts.js"></script>
    <link href="http://www.mamicode.com/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="http://www.mamicode.com/static_files/help.js"></script>
   

本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1561334

使用greybox