https://patrimonioferroviariochileno.cl/style/js/transify.js

1// Transify v1.0
2// COPYRIGHT JOREN RAPINI 2010
3// [email protected]
4
5(function($){
6	$.fn.transify = function(options) {
7		var defaults = {
8			opacityOrig:.33,  
9			fadeSpeed:600
10		  },
11		  settings = $.extend({}, defaults, options);
12		  
13		this.each(function() {
14			var $this = $(this);
15			$this.append('<div class="transify"></div>');
16			var transBG = $this.find('.transify');
17			transBG.css({
18				backgroundColor:$this.css('backgroundColor'),
19				backgroundImage:$this.css('backgroundImage'),
20				backgroundRepeat:$this.css('backgroundRepeat'),
21				borderTopColor:$this.css('borderTopColor'),
22				borderTopWidth:$this.css('borderTopWidth'),
23				borderTopStyle:$this.css('borderTopStyle'),
24				borderRightColor:$this.css('borderRightColor'),
25				borderRightWidth:$this.css('borderRightWidth'),
26				borderRightStyle:$this.css('borderRightStyle'),
27				borderBottomColor:$this.css('borderBottomColor'),
28				borderBottomWidth:$this.css('borderBottomWidth'),
29				borderBottomStyle:$this.css('borderBottomStyle'),
30				borderLeftColor:$this.css('borderLeftColor'),
31				borderLeftWidth:$this.css('borderLeftWidth'),
32				borderLeftStyle:$this.css('borderLeftStyle'),
33				position:'absolute',
34				top:0,
35				left:0,
36				zIndex:-1,
37				width:$this.width()+parseInt($this.css("padding-left"), 10) + parseInt($this.css("padding-right"), 10),
38				height:$this.height()+parseInt($this.css("padding-top"), 10) + parseInt($this.css("padding-bottom"), 10),
39				opacity:settings.opacityOrig});
40			if (settings.percentWidth) {
41				transBG.css('width',settings.percentWidth);	
42			}
43			if (settings.percentHeight) {
44				transBG.css('height',settings.percentHeight);
45			}
46			$this.css({
47				position:'relative',
48				background:'none',
49				border:'none'})
50				
51			if (settings.opacityNew) {
52				$this.hover(function() {
53					transBG.stop().animate({opacity:settings.opacityNew}, settings.fadeSpeed);
54				}, function() {
55					transBG.stop().animate({opacity:settings.opacityOrig}, settings.fadeSpeed);
56				});
57			}
58		});
59		return this;	
60	}
61})(jQuery);