https://ikobrin.ru/js/custom.js

1/*-- Image Hover Function --*/
2
3	(function($){
4		jQuery.noConflict()(function($){
5		jQuery(document).ready(function () {
6
7			$('.hover').mouseenter(function(e) {
8	
9				$(this).children('a').not('.active').children('span').fadeIn(300);
10			}).mouseleave(function(e) {
11	
12				$(this).children('a').not('.active').children('span').fadeOut(200);
13			
14			});
15		});	
16				
17	})
18	})(jQuery);
19
20/*-- Slider and Testimonial --*/
21	
22	(function($){
23		jQuery.noConflict()(function($){
24		jQuery(document).ready(function () {
25			
26		$('#slides').slides({
27			preload: true,
28			preloadImage: 'images/loading.gif',
29			effect: 'slide',
30			slideSpeed: 700,
31			preload: true,
32			play: 5000,
33			pause: 1000,
34			hoverPause: true,
35		});	
36		
37			$('.testimonial-wrapper').slides({
38			effect: 'fade',
39			fadeSpeed: 700,
40			play: 6000,
41			pause: 1000,
42			hoverPause: true,
43			generateNextPrev: false,
44			generatePagination: false,
45			pagination: false,
46			autoHeight: true,
47		});	
48				
49		});
50		
51	})
52    })(jQuery);	
53
54
55/*-- Tabs (Coda-Slider 2.0) Function--*/
56
57    (function($){    	
58    	$(document).ready(function() {
59        	$('#tab1').codaSlider();
60        	$('#tab2').codaSlider();
61    	});
62	})(jQuery);
63
64/*-- prettyPhoto Function--*/
65
66    (function($){
67      
68      	$(document).ready(function(){
69        	$("a[rel^='prettyPhoto']").prettyPhoto();
70      	});
71
72        $('a[data-rel]').each(function() {
73            $(this).attr('rel', $(this).data('rel'));
74        });
75
76        /*-- hack so both rel and data-rel tags work for to ensure HTML5 --*/
77    	(function($){
78        	$("a[data-rel^='prettyPhoto']").prettyPhoto({hook: 'data-rel'    	
79    	});
80     
81 	});
82    })(jQuery);
83
84
85
86/*-- Isotope Function--*/
87	(function($){
88      
89      var $container = $('#folio-container');
90      
91      $container.isotope({
92        itemSelector : '.element',
93        masonry : {
94          columnWidth : 120,
95        },
96 
97      });	
98	  
99	  
100	var $optionSets = $('#options .option-set'),
101          $optionLinks = $optionSets.find('a');
102
103      $optionLinks.click(function(){
104        var $this = $(this);
105        // don't proceed if already selected
106        if ( $this.hasClass('selected') ) {
107          return false;
108        }
109        var $optionSet = $this.parents('.option-set');
110        $optionSet.find('.selected').removeClass('selected');
111        $this.addClass('selected');
112  
113        // make option object dynamically, i.e. { filter: '.my-filter-class' }
114        var options = {},
115            key = $optionSet.attr('data-option-key'),
116            value = $this.attr('data-option-value');
117        // parse 'false' as false boolean
118        value = value === 'false' ? false : value;
119        options[ key ] = value;
120        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
121          // changes in layout modes need extra logic
122          changeLayoutMode( $this, options )
123        } else {
124          // otherwise, apply new options
125          $container.isotope( options );
126        }
127        
128        return false;
129      });
130	    
131	})(jQuery);
132
133
134
135/*-- DEMO --*/
136
137    (function($){   
138        $('a.switch_color').click(function() {
139            var stylesheet = $(this).data('file');
140            $('link#theme').attr('href', 'css/' + stylesheet + '.css');
141        });
142	})(jQuery);
143
144    (function($){   
145        $('a.switch_pattern').click(function() {
146            var bg = $(this).data('file');
147            $('div#pageheader-background, div#footer-wrapper').attr('style', 'background-image: url(images/topbackgrounds/' + bg + ');' );
148        });
149	})(jQuery);