如何从画廊画廊中删除所有图像

Question

我正在用galleria建立一个动态画廊。这个想法是，你点击一个产品类别，相关的照片就会被加载到图库中。点击一个类别将首先删除所有的图像目前坐在画廊，然后加载那些。我可以成功地动态加载新照片(下图)，但我不知道如何首先摆脱所有当前的照片。

$("#category1").click(function(){
    var category1photos = [
       { image: 'images/products/photo1.jpg' },
       { image: 'images/products/photo2.jpg' }
    ];
    Galleria.get(0).push(category1photos);
});

Answer 1

不更改数据源并重新运行图库是否有特殊原因?

Galleria数据源

然后你可以很容易地改变图像:

var data = [
    { image: "/path/to/myimage1.jpg" },
    { image: "/path/to/myimage2.jpg" },
];
var gallery = this; 
gallery.load(data);

任何来源的数据(JSON, Data -attribute等)

Answer 2

从文档中检查:

http://galleria.io/docs/api/methods/操作

$("#category1").click(function(){
    // This will remove all the photo from Galleria array: 
    Galleria.get(0).splice( 0, Galleria.get(0).length );
    var category1photos = [
       { image: 'images/products/photo1.jpg' },
       { image: 'images/products/photo2.jpg' }
    ];
    Galleria.get(0).push(category1photos);
});