https://ceagesp.gov.br/wp-content/plugins/wordpress_image_mapper/j…?ver=e94c1debf9332d56be667604cfa04054

1(function($){
2$(document).ready(function() {
3	timelineImage();
4});
5			
6function timelineImage(){
7	
8	$('.timeline_rollover_top').unbind('hover').timelineRollover('top');
9	$('.timeline_rollover_right').unbind('hover').timelineRollover('right');
10	$('.timeline_rollover_bottom').unbind('hover').timelineRollover('bottom');
11	$('.timeline_rollover_left').unbind('hover').timelineRollover('left');
12	
13}
14
15
16$.fn.timelineRollover = function(type) {
17	var lstart,lend;
18	var tstart,tend;
19	
20	$(this).append('\n<div class="image_roll_glass"></div><div class="image_roll_zoom"></div>');
21	
22	
23	switch (type)
24	{
25		case 'top' : lstart='0'; lend='0'; tstart='-100%'; tend='0'; break;
26		case 'right' : lstart='100%'; lend='0'; tstart='0'; tend='0'; break;
27		case 'bottom' : lstart='0'; lend='0'; tstart='100%'; tend='0'; break;
28		case 'left' : lstart='-100%'; lend='0'; tstart='0'; tend='0'; break;
29	}
30	$(this).find('.image_roll_zoom').css({left:lstart, top:tstart});
31	$(this).hover(function(){
32		$(this).find('.image_roll_zoom').stop(true, true).animate({left: lend, top:tend},200);
33		$(this).find('.image_roll_glass').stop(true, true).fadeIn(200);
34},function() {
35		$(this).find('.image_roll_zoom').stop(true).animate({left:lstart, top:tstart},200);
36		$(this).find('.image_roll_glass').stop(true, true).fadeOut(200);
37	});
38	
39} 
40
41})(jQuery);