標準
レスポンシブ
キャプションを画像内に表示
コード
// galleria-1.4.2.js 2862行
        // build the gallery frame
        this.append({
            'info-text' :
                ['info-title', 'info-description'],
            'info' :
                ['info-text'],
            'image-nav' :
                ['image-nav-right', 'image-nav-left'],
            'stage' :
                ['images', 'loader', 'counter', 'image-nav'],
            'thumbnails-list' :
                ['thumbnails'],
            'thumbnails-container' :
//              ['thumb-nav-left', 'thumbnails-list', 'thumb-nav-right'],
                ['info', 'thumb-nav-left', 'thumbnails-list', 'thumb-nav-right'],
            'container' :
//              ['stage', 'thumbnails-container', 'info', 'tooltip']
                ['stage', 'thumbnails-container', 'tooltip']
        });
/* galleria.classic.css */
.galleria-theme-classic .galleria-stage {
    position: absolute;
    top: 10px;	
    bottom: 90px;         /* bottom: 60px; */
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-theme-classic .galleria-thumbnails-container {
    height: 90px;         /* height: 50px; */
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-theme-classic .galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
/* position: absolute;	削除 */
}