Rpg Maker Developers Group

 Default image Size used = 490 x 140 pixels  (W x H).
 How it works
 ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞
 htmlGallery.open()       // to open the Gallery
 
 htmlGallery._close()     // to close the Gallery

 Adding pictures
 ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞
 This picture on adding is unlocked (locked: false) by default.
 htmlGallery.add({ id: "pic1", img: "path/to/image.png" });
 This picture on adding is locked when adding it.
 htmlGallery.add({ id: "pic2", img: "path/to/image.png", locked: true })
 This add an array of entries, if you want to add chapter by chapter.
 htmlGallery.add([
     { id: "chapt1", img: "path/to/image.png" },
     { id: "chapt2", img: "path/to/image.png", locked: false },
     { id: "chapt3", img: "path/to/image.png", locked: true },
     { id: "chapt4", img: "path/to/image.png" }
 ]);

 You can modify the gameSystem entry list that start out with a list and
 add later the rest.

 Unlock pictures
 ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞ ͞
 htmlGallery.unlock(id) uses its id to unlock the picture from true to false.
 Images must be stored inside img/shadowdragon/gallery
 @requiredAssets img/shadowdragon/gallery/Locked
 @requiredAssets img/shadowdragon/gallery/Prev
 @requiredAssets img/shadowdragon/gallery/Next
 @requiredAssets img/shadowdragon/gallery/Close