{"dataHtml":"<meta name=\"robots\" content=\"noindex\"><!-- Listing Item -->\n  <div class=\"col-md-12 col-lg-12 list-items lst-prop prop-status-01\" id=\"sale_item45381\" data-price=\"850000.00\">\n    <div class=\"feat_property home7 style4 list\">\n      <a href=\"\/rent\/commercial-villa--for-rent--prime-location-in-umm-suqeim-jumeirah-road-303\" style=\"position:absolute;left:0;top:0;bottom:0px;right:0px;z-index:1\"><\/a>\n\n      <div class=\"thumb\">\n        <img class=\"img-whp lozad watermarked-img\"\n          data-placeholder-background=\"#eee\"\n          alt=\"\"\n          title=\"\"\n          data-src=\"\/uploads\/files\/2024\/01\/2024-01-02121506-5256.jpeg\"\n          data-watermark-src=\"\/uploads\/files\/2025\/04\/1744563221_.png\"\n          data-opacity=\"0.5\"\n          data-x=\"250\"\n          data-y=\"250\"\n          data-wm-width=\"300\"\n          data-wm-height=\"100\">\n\n        <div class=\"thmb_cntnt\">\n          \n                  <\/div>\n      <\/div>\n\n      <div class=\"details\">\n        <div class=\"tc_content\">\n          <span class=\"fp_price\"><small> AED <\/small>850,000<span class=\"rent_head\"> \/ Year<\/span><\/span>\n                    <p class=\"add\"><span class=\"flaticon-placeholder\"><\/span>Umm Suqeim<\/p>\n          <h2 class=\"prce\">Commercial Villa  For Rent | Prime Location In Umm Suqeim (Jumeirah Road) <\/h2>\n          \n          <ul class=\"prop_detailss\">\n            <li class=\"list-inline-item\"><svg viewBox=\"0 0 15 15\" ><use xlink:href=\"#new_area\"><\/use><\/svg> 6,000 Sq. Ft.<\/li>          <\/ul>\n\n          \n          <div class=\"ftr-cls\">\n            <div class=\"d-flex footer-contact\"><button type=\"button\"    onclick=\"OpenCallNewlatest(this)\"  data-prop=\"45381\" data-agent=\"Ravi Purabia\"  data-ref=\"MIT 2576\" data-phone=\"0521582974\"  class=\"btn btnnc btn-transparent\"><i class=\"fa fa-phone\"><\/i> Call<\/button>\n                  <button type=\"button\" data-reactid=\"45381\" onclick=\"OpenFormClickNew(this)\"    class=\"btn btnnc btn-transparent\"><i class=\"fa fa-envelope\"><\/i> mail<\/button>\n                      <a type=\"button\" id=\"fav_button_45381\"  class=\"  false  favbtn lastref\" onclick=\"OpenFavouriteNew(this)\" data-function=\"save_favourite\" data-id=\"45381\" data-after=\"saved_fave\"    ><i class=\"fa fa-heart-o margin-right-5\"  ><\/i> <span>Save<\/span><\/a>\n     \n                    <a class=\"spnnwhatsapp\" type=\"button\"    target=\"_blank\" style=\"color:#fff\"  data-prop=\"45381\"  data-type=\"W\" onclick=\"OpenWhatsappNew(this)\" data-href=\"https:\/\/wa.me\/0521582974?text=I would like to inquire about your property  - . Please contact me at your earliest convenience. %0aProperty Link %0ahttps%3A%2F%2Fwww.rgestate.com%2Fid-45381\"><\/a><\/div>          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    \/\/ Helper function to load an image with a Promise.\n    \/\/ function loadImage(src) {\n    \/\/   return new Promise((resolve, reject) => {\n    \/\/     const img = new Image();\n    \/\/     img.crossOrigin = \"anonymous\";\n    \/\/     img.onload = () => resolve(img);\n    \/\/     img.onerror = () => reject(new Error(\"Failed to load image: \" + src));\n    \/\/     img.src = src;\n    \/\/   });\n    \/\/ }\n\n    \/\/ \/\/ Main function to apply watermarks to all images with the class \"watermarked-img\".\n    \/\/ function applyWatermarks() {\n    \/\/   \/\/ Define your base image dimensions (the reference dimensions).\n    \/\/   const baseWidth = 800;\n    \/\/   const baseHeight = 600;\n\n    \/\/   const watermarkedImages = document.querySelectorAll(\"img.watermarked-img\");\n\n    \/\/   watermarkedImages.forEach(img => {\n    \/\/     \/\/ Prevent processing the same image twice.\n    \/\/     if (img.dataset.processed === \"1\") return;\n    \/\/     img.dataset.processed = \"1\";\n\n    \/\/     \/\/ Extract image and watermark settings from data attributes.\n    \/\/     \/\/ In this version, data-x and data-y represent the absolute coordinates in the base image.\n    \/\/     const mainSrc = img.getAttribute(\"data-src\");\n    \/\/     const watermarkSrc = img.getAttribute(\"data-watermark-src\");\n    \/\/     const opacity = parseFloat(img.getAttribute(\"data-opacity\") || \"0.5\");\n        \n    \/\/     \/\/ These values (e.g. 250 and 284) are the positions in the base image (800x600).\n    \/\/     const baseX = parseFloat(img.getAttribute(\"data-x\") || \"0\");\n    \/\/     const baseY = parseFloat(img.getAttribute(\"data-y\") || \"0\");\n        \n    \/\/     \/\/ Watermark size (could be set as fixed dimensions in the base image).\n    \/\/     const wmWidth = parseInt(img.getAttribute(\"data-wm-width\") || \"100\", 10);\n    \/\/     const wmHeight = parseInt(img.getAttribute(\"data-wm-height\") || \"100\", 10);\n\n    \/\/     const canvas = document.createElement(\"canvas\");\n    \/\/     const ctx = canvas.getContext(\"2d\");\n\n    \/\/     \/\/ Wait for both the main image and watermark image to load.\n    \/\/     Promise.all([loadImage(mainSrc), loadImage(watermarkSrc)])\n    \/\/       .then(([mainImg, watermarkImg]) => {\n    \/\/         \/\/ Use natural dimensions (original size) of the main image.\n    \/\/         const mainWidth = mainImg.naturalWidth;\n    \/\/         const mainHeight = mainImg.naturalHeight;\n\n    \/\/         \/\/ Set canvas dimensions to the main image's natural dimensions.\n    \/\/         canvas.width = mainWidth;\n    \/\/         canvas.height = mainHeight;\n\n    \/\/         \/\/ Draw the main image onto the canvas.\n    \/\/         ctx.drawImage(mainImg, 0, 0);\n\n    \/\/         \/\/ Compute scaling factors relative to the base dimensions.\n    \/\/         const factorX = mainWidth \/ baseWidth;\n    \/\/         const factorY = mainHeight \/ baseHeight;\n\n    \/\/         \/\/ Calculate new watermark coordinates based on the base position and scaling factors.\n    \/\/         const x = baseX * factorX;\n    \/\/         const y = baseY * factorY;\n\n    \/\/         \/\/ Optionally scale the watermark dimensions as well.\n    \/\/         const scaledWmWidth = wmWidth * factorX;\n    \/\/         const scaledWmHeight = wmHeight * factorY;\n\n    \/\/         \/\/ Apply the watermark with the designated opacity and scaled size.\n    \/\/         ctx.globalAlpha = opacity;\n    \/\/         ctx.drawImage(watermarkImg, x, y, scaledWmWidth, scaledWmHeight);\n    \/\/         ctx.globalAlpha = 1;\n\n    \/\/         \/\/ Set canvas display style to match the original image element size.\n    \/\/         canvas.style.width = img.width + \"px\";\n    \/\/         canvas.style.height = img.height + \"px\";\n\n    \/\/         \/\/ Copy over any class names and attributes.\n    \/\/         canvas.className = img.className;\n    \/\/         canvas.alt = img.alt;\n    \/\/         canvas.title = img.title;\n\n    \/\/         \/\/ Replace the original image element with the canvas.\n    \/\/         img.parentNode.replaceChild(canvas, img);\n    \/\/       })\n    \/\/       .catch(err => {\n    \/\/         console.error(\"Failed to load image for watermarking:\", err);\n    \/\/       });\n    \/\/   });\n    \/\/ }\n\n    \/\/ \/\/ Execute the function once the DOM is fully loaded.\n    \/\/ document.addEventListener(\"DOMContentLoaded\", applyWatermarks);\n    \/\/ applyWatermarks();\n    <\/script>\n\n\n\n\n","future":0}