SOURCE

console 命令行工具 X clear

                    
>
console
$.bhGallery({
    showType: 'page', // 渲染的类型
    selector: '.galleria-demo', // 渲染的容器
    // 幻灯片图片列表
    dataSource: [{
        image: 'http://res.wisedu.com/fe_components/galleria/gallery.png'
    }, {
        image: 'http://res.wisedu.com/fe_components/galleria/gallery_thin.png'
    }, {
        image: 'http://res.wisedu.com/fe_components/galleria/gallery.png'
    }]
});

$('[data-action=gallery]').click(function() {
    $.bhGallery({
        dataSource: [{
            image: 'http://res.wisedu.com/fe_components/galleria/gallery.png'
        }, {
            image: 'http://res.wisedu.com/fe_components/galleria/gallery_thin.png'
        }, {
            image: 'http://res.wisedu.com/fe_components/galleria/gallery.png'
        }],
        height: 1200
    });
});
<div class="galleria-demo"></div>
<button class="bh-btn bh-btn-primary" data-action="gallery">点击查看图片</button>
#wrap{
  margin: 16px;
}