Men's Round Black Lindy Star Sapphire Ring in 10k Yellow Gold (2024)

'); } $container = $image.parent('.magnify'); // Create the magnifying lens div if necessary if ($image.prev('.magnify-lens').length) { $container.children('.magnify-lens').css('background-image', 'url(\'' + sZoomSrc + '\')'); } else { $image.before('

'); } $lens = $container.children('.magnify-lens'); // Remove the "Loading..." text $lens.removeClass('loading'); // Cache dimensions and offsets for improved performance // NOTE: This code is inside the load() function, which is important. The width and // height of the object would return 0 if accessed before the image is fully loaded. nImageWidth = oOptions['finalWidth'] || $image.width(); nImageHeight = oOptions['finalHeight'] || $image.height(); nMagnifiedWidth = oOptions['magnifiedWidth'] || elZoomImage.width; nMagnifiedHeight = oOptions['magnifiedHeight'] || elZoomImage.height; nLensWidth = $lens.width(); nLensHeight = $lens.height(); oContainerOffset = getOffset(); // Required by refresh() // Set zoom boundaries if (oOptions['limitBounds']) { nBoundX = (nLensWidth/2) / (nMagnifiedWidth/nImageWidth); nBoundY = (nLensHeight/2) / (nMagnifiedHeight/nImageHeight); } // Enforce non-native large image size? if (nMagnifiedWidth!==elZoomImage.width || nMagnifiedHeight!==elZoomImage.height) { $lens.css('background-size', nMagnifiedWidth + 'px ' + nMagnifiedHeight + 'px'); } // Store zoom dimensions for mobile plugin $image.data('zoomSize', { 'width': nMagnifiedWidth, 'height': nMagnifiedHeight }); // Store mobile close event for mobile plugin $container.data('mobileCloseEvent', oDataAttr['mobileCloseEvent'] || oOptions['mobileCloseEvent']); // Clean up elZoomImage = null; // Execute callback oOptions.afterLoad(); // Simulate a lens move to update positioning if magnifiedWidth/magnifiedHeight is // updated while the lens is visible if ($lens.is(':visible')) moveLens(); // Handle mouse movements $container.off().on({ 'mousemove touchmove': moveLens, 'mouseenter': function() { // Need to update offsets here to support accordions oContainerOffset = getOffset(); }, 'mouseleave': hideLens }); // Prevent magnifying lens from getting "stuck" if (oOptions['timeout']>=0) { $container.on('touchend', function() { setTimeout(hideLens, oOptions['timeout']); }); } // Ensure lens is closed when tapping outside of it $('body').not($container).on('touchstart', hideLens); // Support image map click-throughs while zooming var sUsemap = $image.attr('usemap'); if (sUsemap) { var $map = $('map[name=' + sUsemap.slice(1) + ']'); // Image map needs to be on the same DOM level as image source $image.after($map); $container.click(function(e) { // Trigger click on image below lens at current cursor position if (e.clientX || e.clientY) { $lens.hide(); var elPoint = document.elementFromPoint( e.clientX || e.originalEvent.touches[0].clientX, e.clientY || e.originalEvent.touches[0].clientY ); if (elPoint.nodeName==='AREA') { elPoint.click(); } else { // Workaround for buggy implementation of elementFromPoint() // See https://bugzilla.mozilla.org/show_bug.cgi?id=1227469 $('area', $map).each(function() { var a = $(this).attr('coords').split(','); if (nX>=a[0] && nX<=a[2] && nY>=a[1] && nY<=a[3]) { this.click(); return false; } }); } } }); } if ($anchor.length) { // Make parent anchor inline-block to have correct dimensions $anchor.css('display', 'inline-block'); // Disable parent anchor if it's sourcing the large image if ($anchor.attr('href') && !(oDataAttr['src'] || oOptions['src'])) { $anchor.click(function(e) { e.preventDefault(); }); } } }, 'error': function() { // Clean up elZoomImage = null; } }); elZoomImage.src = sZoomSrc; }, // END init() // Simple debounce nTimer = 0, refresh = function() { clearTimeout(nTimer); nTimer = setTimeout(function() { $that.destroy(); $that.magnify(oOptions); }, 100); }; /** * Public Methods */ // Turn off zoom and reset to original state this.destroy = function() { this.each(function() { var $this = $(this), $lens = $this.prev('div.magnify-lens'), sStyle = $this.data('originalStyle'); if ($this.parent('div.magnify').length && $lens.length) { if (sStyle) $this.attr('style', sStyle); else $this.removeAttr('style'); $this.unwrap(); $lens.remove(); } }); // Unregister event handler $(window).off('resize', refresh); return $that; } // Handle window resizing $(window).resize(refresh); return this.each(function() { // Initiate magnification powers init(this); }); };}(jQuery));