Programmatically adding new elements

[amyth91]

This is not an issue, but a request. This plugin/gallery is awesome, but is it possible to add in new items programmatically ? i am using this script and adding in the elements, which works fine, but the gallery has problems, when new items are added the gallery does not behave properly and breaks. after the new slides are added, it does not continue and fades.

[mohammedabualsoud]

I have same request I hope it's available.

[mohammedabualsoud]

Here's how you can add items dynamically this function should be called after appending new item/s to the container.
CBPGridGallery.prototype._addItems = function() {
var self = this;
// main grid items
this.gridItems = [].slice.call(this.grid.querySelectorAll('li:not(.grid-sizer)'));
// items total
this.itemsCount = this.gridItems.length;
// slideshow grid items
this.slideshowItems = [].slice.call(this.slideshow.children);
this._initMasonry();
// open the slideshow when clicking on the main grid items
this.gridItems.forEach(function(item, idx) {
if (!classie.has(item, 'cbp-triggers-slide')) {
classie.addClass(item, 'cbp-triggers-slide');
jQuery(item).on('click', function() {
self._openSlideshow(idx);
});
}
});
};