Posts

Showing posts from December, 2020

build 5.3 is here... Happy Holidays (updated)

Updated 12/31/2020 Have a happy new year! This is the most stable release as of today. Please update all older versions. The next few builds will include cleanup of the code, but no major structural changes. Got rid of the event problems. Also added a new flood protection and new end-transition function to get rid of the double event attachments. http://jpmalloy.com

Version 3 is here... new configuration

Version 3 is here... new configuration. After some brainstorming I came up with a condensed version of the configuration. As always, share with as many people as you want. http://jpmalloy.com 😝😜💪👌  Make sure to update to build 5.2, 5.1 had some issues with the drag feature. The drag attach and detach event elements were named wrong.. brain fart today Also, if you want to revert back to Version 1, please note the configuration changes. var jpmx = new jpmpopup({ 'container':'popup-container4', 'style' :'background-color:rgba(0, 0, 0, 0.85);width:100%;z-index:5', 'onclose' : function () { console.log(this); }, 'gallery':{ 'animation':'slide', 'container':'.gallery', 'thumbnav':'on', 'onclick': function(item) { console.log(this); // a thumbnail was clicked, do something // use ajax here to pull/get some comments about the image or

Overlay Version 2 is here with key events and iframe support

The Demo: http://jpmalloy.com/pop3/ Download: http://jpmalloy.com/jpmpop.zip Esc event added! : )) Note: I may in the future add non JavaScript support with link fallback. For example, < div class =" item ">     <a href=" city.mp4 "> < img src =" city.png " alt =" City " data-file =" city.mp4 " data-id ="video -1 " data-type =" iframe " data-about =" City " / ></a> </ div > Version 1 had swipe and drag events already. Also, I have added iframe type support. Just add the data-type="iframe" with your data-file="iframe src" and you got your new iframe pop-up! for example, < div class =" item ">      < img src =" city.png " alt =" City " data-file =" city.mp4 " data-id ="video -1 " data-type =" iframe " data-about =" City " / > </ div > Now with new data width, heigh