Auction

'); this.$element.siblings(".magnify-large").css("background", "url('" + this.$element.attr("src") + "') no-repeat"); this.$element.parent('.magnify').on(event + '.' + this.type, $.proxy(this.check, this)); this.$element.parent('.magnify').on(eventOut + '.' + this.type, $.proxy(this.check, this)); }, getOptions: function(options) { options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data()) if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } } return options }, check: function(e) { var container = $(e.currentTarget); var self = container.children('img'); var mag = container.children(".magnify-large"); // Get the native dimensions of the image if (!this.nativeWidth && !this.nativeHeight) { var image = new Image(); image.src = self.attr("src"); this.nativeWidth = image.width; this.nativeHeight = image.height; } else { var magnifyOffset = container.offset(); var mx = e.pageX - magnifyOffset.left; var my = e.pageY - magnifyOffset.top; if (mx < container.width() && my < container.height() && mx > 0 && my > 0) { mag.fadeIn(100); } else { mag.fadeOut(100); } if (mag.is(":visible")) { var rx = Math.round(mx / container.width() * this.nativeWidth - mag.width() / 2) * -1; var ry = Math.round(my / container.height() * this.nativeHeight - mag.height() / 2) * -1; var bgp = rx + "px " + ry + "px"; var px = mx - mag.width() / 2; var py = my - mag.height() / 2; mag.css({ left: px, top: py, backgroundPosition: bgp }); } } } } $.fn.magnify = function(option) { return this.each(function() { var $this = $(this), data = $this.data('magnify'), options = typeof option == 'object' && option if (!data) $this.data('tooltip', (data = new Magnify(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.magnify.Constructor = Magnify $.fn.magnify.defaults = { delay: 0 } $(window).on('load', function() { $('[data-toggle="magnify"]').each(function() { var $mag = $(this); $mag.magnify() }) }) }(window.jQuery);