First upload lollipop folder to your server so it is accessible from your existing project.
Includelollipop-integrate.js
in your project.
Follow the documentation project to know more about integration (take a look atdemo.js
)
var imageEditor = window.Lollipop.setOptions({ path: "lollipop", appendTo: "body", gallery_icon: true, camera_icon: true, save_icon: true, share_icon: true, onSave: function (data, extension) { window.Lollipop.image.src = data; window.$.ajax({ type: 'POST', url: './saveImage.php', data: { imgData: data, type: extension }, success: function(response) { window.Lollipop.setNewImageUrl(response); alert('Image saved successfully ! You can share it now on social media.'); } }); } }); window.$(".magic").each(function () { window.$(this).on("click", function () { var img = window.$(this).parents().siblings("img"); imageEditor.open({ image_url: img[0].src }, img[0]); }); });