Как удалить все изображения из галереи галереи

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/

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