Question

我正在建设一个有拱廊的动态画廊。这个想法是你点击一个产品类别，相关的照片被加载到图库中。单击某个类别将首先删除当前位于图库中的所有图像，然后加载这些图像。我可以动态地（下面）成功加载新照片，但我无法弄清楚如何首先摆脱所有当前的照片。

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

Answer 1

您是否有特殊原因要求更改数据源并重新运行广场？

Galleria datasource

然后您可以轻松更改图像：

var data = [
    { image: "/path/to/myimage1.jpg" },
    { image: "/path/to/myimage2.jpg" },
];

var gallery = this; 
gallery.load(data);

数据是任何来源（JSON，数据属性等）

Answer 2

从文档中检查：

http://galleria.io/docs/api/methods/#manipulation

$("#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);
});

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

2 个答案: