(function($) { $.fn.Zoomer = function(b) { var c = $.extend({ speedView: 200, speedRemove: 400, altAnim: false, speedTitle: 400, debug: false }, b); var d = $.extend(c, b); function e(s) { if (typeof console != "undefined" && typeof console.debug != "undefined") { console.log(s) } else { alert(s) } } if (d.speedView == undefined || d.speedRemove == undefined || d.altAnim == undefined || d.speedTitle == undefined) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle); return false } if (d.debug == undefined) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle); return false } if (typeof d.speedView != "undefined" || typeof d.speedRemove != "undefined" || typeof d.altAnim != "undefined" || typeof d.speedTitle != "undefined") { if (d.debug == true) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle) } var oldSrc = ""; $(this).hover(function() { $(this).css({ 'z-index': '10' }); oldSrc = $(this).find('img').attr("src"); $(this).find('img').addClass("hover").stop().animate({ marginLeft:'-5px', marginTop: '-5px', width: '52px', height: '52px', padding: '0' }, d.speedView); if (d.altAnim == true) { var a = $(this).find("img").attr("alt"); if (a.length != 0) { $(this).prepend('' + a + ''); $('.title').animate({ marginLeft: '-60px', marginTop: '98px' }, d.speedTitle).css({ 'z-index': '10', 'position': 'absolute', 'float': 'left' }) } } }, function() { $(this).css({ 'z-index': '0' }); $(this).find('img').attr("src", oldSrc).removeClass("hover").stop().animate({ marginTop: '0', marginLeft: '0', top: '0', left: '0', width: '45px', height: '45px', padding: '0' }, d.speedRemove); $(this).find('.title').remove() }) } } })(jQuery);