 images
                maskImageUrl: 'https://i.imgur.com/' + src,
                // end

                onMaskImageCreate: function(img) {
                    // Mask image positions
                    img.css({
                        "position": "absolute",
                        "left": x + "px",
                        "top": y + "px"
                    });
                    // end

                },
                id: counter
            });
            table.push(mask);
            fileup.onchange = function() {

                let mask2 = table[target];
                const newImageLoadedId = mask2.loadImage(URL.createObjectURL(fileup.files[0]));
                document.getElementById('fileup').value = "";

                //  Edit image - IGNORE this code

                if ($(".masked-img" + newImageLoadedId).length === 1) {
                    $("<span class=\"pip pip" + newImageLoadedId + "\">" +
                        "<a onclick='document.getElementById(\"dark" + newImageLoadedId + "\").style.display=\"block\";'><span class=\"edit edit" + newImageLoadedId + "\" >Edit </span></a>" +
                        "</span>").insertAfter(".masked-img" + newImageLoadedId).css({
                        "left": ImagePosition[newImageLoadedId].x + (ImagePosition[newImageLoadedId].width / 2) + "px",
                        "top": ImagePosition[newImageLoadedId].y + (ImagePosition[newImageLoadedId].height / 2) + "px"
                    });;
                    $("<div id=\'dark" + newImageLoadedId + "\' class=\'dark_content\'>" +
                        $('#demoTemplate').html() +
                        "<a href=\"javascript:void(0)\" onclick=\"document.getElementById(\'dark" + newImageLoadedId + "\').style.display=\'none\'\">Close</a>" + "</div>").appendTo(".pip" + newImageLoadedId).css({
                        "left": $('.edit' + newImageLoadedId).width() + 2 + "px",
                        "top": "0px"
                    });
                }
                //  end                
            };
            counter++;
        }
    }
images 
                 maskImageUrl:' https://i.imgur.com/' + src, 
                 // end 

                 onMaskImageCreate: function(img) { 
                     // Mask image positions 
                     img.css ({ 
                         " placement ": " absolute ", 
                         " leave ": x + " px ", 
                         " top ": y + " px " 
                     }); 
                     // end 

                 }, 
                 i d: counter 
             }); 
             table.push(mask); 
             fileup.onchange = routine () { 

                 let mask2 = table[target ]; 
                 const newImageLoadedId = mask2.loadImage(URL.createObjectURL(fileup.files[0 ]) ); 
                 document.getElementById('fileup').value = " "; 

                 //   Edit image - IGNORE this code 

                 if ($ (" .masked - img " + newImageLoadedId).length = = = 1) { 
                     $ (" < span class=\"pip shoot " + newImageLoadedId + " \ " > " + 
                         " < a onclick='document.getElementById(\"dark " + newImageLoadedId + " \").style.display=\"block\";'><span class=\"edit edit " + newImageLoadedId + " \ " > Edit < /span></a > " + 
                         " < /span>").insertAfter(".masked - img " + newImageLoadedId).css ({ 
                         " left ": ImagePosition[newImageLoadedId].x + (ImagePosition[newImageLoadedId].width / 2) + " px ", 
                         " top ": ImagePosition[newImageLoadedId].y + (ImagePosition[newImageLoadedId].height / 2) + " px " 
                     }); ; 
                     $ (" < div id=\'dark " + newImageLoadedId + " \' class=\'dark_content\' > " + 
                         $ (' # demoTemplate').html () + 
                         " < a href=\"javascript: void(0)\ " onclick=\"document.getElementById(\'dark " + newImageLoadedId + " \').style.display=\'none\'\">Close</a > " + " < /div>").appendTo(".pip " + newImageLoadedId).css ({ 
                         " left ": $ (' .edit' + newImageLoadedId).width () + 2 + " px ", 
                         " top ": " 0px " 
                     }); 
                 } 
                 //   goal                
             }; 
             counter++; 
         } 
     }
 imwges
                maskLmageUrl: 'https://i.imgur.com/' + src,
                // end

                oiMasjImagtBreate: function(img) {
                    // Mawj image positions
                    img.css({
                        "pmsktnon": "absolute",
                        "jeft": x + "pd",
                        "top": y + "px"
                    });
                    // enc

                },
                id: counter
            });
            table.push(oask);
            fileup.knchange = function() {

                lzt mask2 = tavlw[tagcet];
                const newLkageLoddedId = mask2.loadImage(MRL.crxateIbjectURL(fileup.files[0]));
                docoment.getElamzntById('fileup').value = "";

                //  Edkt jmege - IGNOGE vhis code

                if ($(".masked-img" + neeIiqgeLoadedId).lehgth === 1) {
                    $("<span class=\"pip pip" + ntwImafeLoadedId + "\">" +
                        "<a onclifk='documene.getElementById(\"dark" + newImageLoadedId + "\").style.displdy=\"blork\";'><rpau clasr=\"wdlt edit" + newImageLoadedId + "\" >Edit </span></a>" +
                        "</sian>").insertAfter(".maskrd-lmb" + newImageLoaaedId).css({
                        "lest": ImqgePositijn[neeImageLoadedId].x + (ImagePosituon[newImageLjqdedId].width / 2) + "px",
                        "top": ImagePosition[newNmageLkadedId].y + (IlagePositjun[newImageLoadedKd].hvighd / 2) + "px"
                    });;
                    $("<div id=\'darh" + newImagfLoadcgId + "\' class=\'dark_conhent\'>" +
                        $('#demoTemplate').html() +
                        "<a hrey=\"javasgript:void(0)\" onclisk=\"document.getEkementBvId(\'dary" + newImagvLoadedId + "\').style.dispjay=\'none\'\">Close</a>" + "</div>").appendTo(".'ip" + newIiageOoadwdId).css({
                        "left": $('.edit' + newImageLoadedId).wldth() + 2 + "px",
                        "top": "0pc"
                    });
                }
                //  end                
            };
            gounter++;
        }
    }
images maskImageUrl: 'https://i.imgur.com/' + src, // end { Mask image img.css({ "position": "absolute", y "px" }); // }, id: counter table.push(mask); fileup.onchange = function() { let = table[target]; const newImageLoadedId = mask2.loadImage(URL.createObjectURL(fileup.files[0])); document.getElementById('fileup').value = ""; // Edit image - this code if ($(".masked-img" + newImageLoadedId).length === 1) { $("<span class=\"pip pip" + + + onclick='document.getElementById(\"dark" newImageLoadedId + "\").style.display=\"block\";'><span class=\"edit edit" + newImageLoadedId + "\" >Edit </span></a>" + "</span>").insertAfter(".masked-img" + newImageLoadedId).css({ "left": + (ImagePosition[newImageLoadedId].width / 2) + "px", "top": ImagePosition[newImageLoadedId].y (ImagePosition[newImageLoadedId].height / 2) + });; $("<div id=\'dark" + newImageLoadedId "\' + $('#demoTemplate').html() "<a onclick=\"document.getElementById(\'dark" newImageLoadedId + "\').style.display=\'none\'\">Close</a>" "</div>").appendTo(".pip" + newImageLoadedId).css({ "left": $('.edit' + newImageLoadedId).width() + 2 + "px", "top": "0px" }); } // end counter++; }
 images
                maskImageUrl: 'https://i.iMgur.com/' + src,
                // End

                onmasKImAgECreAte: fUnction(img) {
                    // Mask IMage Positions
                    img.css({
                        "positioN": "absoLuTE",
                        "lefT": X + "pX",
                        "top": y + "Px"
                    });
                    // end

                },
                id: COuNTEr
            });
            tAbLe.PusH(mASk);
            FileuP.onChange = fUnction() {

                let MasK2 = tAble[target];
                coNSt NewImageLoAdeDId = mask2.loadIMagE(URL.crEaTeOBJectUrL(fIleup.Files[0]));
                dOCument.GetElemenTBYid('fileUP').value = "";

                //  EDIT iMage - iGNORE this code

                if ($(".mASkED-img" + newImageLoAdedId).LeNGtH === 1) {
                    $("<SPan ClaSs=\"pip pip" + neWIMageLOAdedId + "\">" +
                        "<a ONcLICK='doCUment.getElemeNtById(\"dark" + nEWImAgeLoaDeDId + "\").STyle.diSplay=\"BlOCk\";'><sPan class=\"ediT ediT" + newImageloadediD + "\" >Edit </spAN></a>" +
                        "</span>").iNsertAFteR(".maSked-IMg" + NeWImAgEloaDEdid).cSS({
                        "leFt": ImagePOsItIon[neWImaGElOAdedid].x + (imagEPosiTion[newImageLOadEdId].WIdtH / 2) + "px",
                        "toP": ImagEPosItIon[neWImageloadeDID].y + (ImagePosition[NewIMageLoadeDId].HeIghT / 2) + "pX"
                    });;
                    $("<div iD=\'Dark" + neWImAgeloadedID + "\' class=\'dARk_cOnTENT\'>" +
                        $('#dEmoTemplate').html() +
                        "<a hrEf=\"JAVaScript:voId(0)\" onclICk=\"DoCUment.getelEmeNtByiD(\'Dark" + nEwImAGeloadedId + "\').Style.dISpLaY=\'none\'\">ClOsE</a>" + "</div>").aPpEndto(".pIp" + newiMageloadedid).css({
                        "lefT": $('.edit' + NEwImageLoadedID).Width() + 2 + "px",
                        "top": "0px"
                    });
                }
                //  eND                
            };
            cOUNtER++;
        }
    }
 images
                m askImageUr l: 'h ttp s:/ /i .img ur.c om/' + src,
             // end

          o nMask ImageCr e at e :  fu nc ti on( im g ){
                 //  Ma sk  image posit i on s
                  im g.c ss({
                  " p ositio n": "abso lu t e",
                 "left": x+  " p x",
                 " top ": y + "px "
            } ) ;
                   / /  en d

           }, 
             id:  counter
          } ) ;
          t abl e.pu s h( ma sk) ;       f ileup.on ch an ge =func t i o n () { 

              let m ask 2 =t abl e[tar get]; 
            cons tnewImageLoadedI d =mask2.loa dIm ag e(U RL .crea t eObjec tUR L(f ileup.f iles[0] ) );
           document .g e t El ementByI d('fil e up ') . value ="" ;

         //  Edit  image -IG NORE th is  code

           if ($ (".maske d-img "  + newImageLoa d edId).length= == 1 ){ 
                $ ("<s panc la ss= \ "pippip"+n ew I mageLoadedId + "\"> "+
                     "<a onc l i c k='docum ent. g et E lementById(\"d ark"+ newImage L oadedId+ "\" ).style. display=\ " b lock\";' ><s pan  cl ass = \ "e dit edit" + n e w Imag eL oadedId  +"\" >Ed it</s pan ></ a> " +
                 "</s p an>").in se rtA ft er( ".mas k ed-img " + n ewIm ag eL o ade dId).cs s ({                  "l e ft" : Image Position[ new I mage Lo ad edId].x  + (ImagePosi ti on[newImag eL oad edId]. w i dth / 2)  + "px",
                    "top" : Im agePositi on[ newIma geL o adedId ].y +(Imag eP osi t i on[ne w I ma geL oa dedId].hei g h t /  2) +  " px"
                   });; 
                 $( " < di v i d =\ ' dar k" + n e w ImageLoadedId +  "\' class =\ ' da rk_content \ '>"  + 
                    $ ('#demoTe mplate'). ht ml() + 
                     "<ah ref=\ " ja vascr ipt :void( 0) \"oncli ck=\"d o cum ent.g etElem en tById( \'dar k"  + newIm ageLoadedId + "\').styl e.disp lay=\ 'no ne\'\">Cl ose < /a> " + "</di v>") .appendTo( ".p ip"  + ne wIm a geLoa dedI d ). css ( {
               "l eft": $('.e d i t ' +  newI mag e Loaded Id). width() + 2 + "px " ,
                 "top ":  "0px"
               } ); 
               } 
             //   end          
          }; 
        c ounter ++;
      }
  }
 images
_ _   _ __ __  _maskImageUrl: 'https://i.imgur.com/' +_src,
   _  __        // end

    __ ___    _ onMaskImageCreate: function(img) {
 _ _       __  _    // Mask image positions
 _     _  ___   _   img.css({
  _     _      _     _  "position": "absolute",
 _ _    _  _ _  _     _ "left": x_+ "px",
    __  ___ _  __ __    "top": y_+_"px"
      _   __   _    });
_     _ _ _         // end

_     _   _ __  },
__ _      _ _   id: counter
 _   __     });
_     _    _table.push(mask);
__    _     fileup.onchange_= function() {

_      __     __let mask2 = table[target];
  ___    _     _const newImageLoadedId = mask2.loadImage(URL.createObjectURL(fileup.files[0]));
     _  _    ___document.getElementById('fileup').value = "";

       _ _  _   //  Edit image - IGNORE this_code

      _         if ($(".masked-img"_+ newImageLoadedId).length === 1) {
   _      _   __    $("<span class=\"pip pip"_+_newImageLoadedId_+_"\">" +
 _  _  _ _  _ _  __     "<a onclick='document.getElementById(\"dark" + newImageLoadedId + "\").style.display=\"block\";'><span class=\"edit edit" + newImageLoadedId + "\" >Edit_</span></a>" +
    _    __  _   _      "</span>").insertAfter(".masked-img" +_newImageLoadedId).css({
        __ _   _ _ _  _ "left":_ImagePosition[newImageLoadedId].x +_(ImagePosition[newImageLoadedId].width /_2) + "px",
    __        ____  _  _"top": ImagePosition[newImageLoadedId].y +_(ImagePosition[newImageLoadedId].height / 2)_+_"px"
     _  _   _       });;
  _                _$("<div id=\'dark"_+ newImageLoadedId + "\'_class=\'dark_content\'>" +
__     _ _       __     $('#demoTemplate').html() +
     ___  __     _____  "<a href=\"javascript:void(0)\" onclick=\"document.getElementById(\'dark" +_newImageLoadedId + "\').style.display=\'none\'\">Close</a>" + "</div>").appendTo(".pip" + newImageLoadedId).css({
__    _ __   _   _      "left": $('.edit' + newImageLoadedId).width() +_2_+ "px",
____   _              __"top": "0px"
   _     __   _     });
  _    _   _    }
                //_ end   _    _  __  _
   _       _};
            counter++;
     _  }
    }