https://straxland.ru/Scr/carousel.js

1/*WEB: mvcreative.ru*/
2
3function img_frame_hover(){
4	jQuery(".img_frame").hover(
5		function () {
6			description_height = jQuery(this).find(".description").height() + 10;
7			jQuery("ul", this).not(':animated').animate({top: -description_height}, 'fast')
8		}, 
9		function () {
10			jQuery("ul", this).animate({top: 0}, 'fast')
11		}
12	);
13}
14
15jQuery(function(){
16	img_frame_hover();
17	
18	jQuery('.img_frame .container_car').each( function(){
19		img_width = jQuery(this).find("img").width();
20		img_height = jQuery(this).find("img").height();
21		
22		jQuery(this).width(img_width);
23		jQuery(this).height(img_height);
24		
25		jQuery(this).parent(".img_frame").not("li").width(img_width);
26	});	
27	
28	var li_width = 195;
29    var ul_width = jQuery("ul.carousel_items").children().length * li_width;
30    jQuery("ul.carousel_items").css('width', ul_width);
31    
32    jQuery(".carousel").hover(
33        function () {
34            jQuery(".carousel_btn_left").not(':animated').show();
35            jQuery(".carousel_btn_right").not(':animated').show();
36        }, 
37        function () {
38            jQuery(".carousel_btn_left").not(':animated').hide();
39            jQuery(".carousel_btn_right").not(':animated').hide();
40        }
41    );
42    
43    jQuery(".carousel_btn_left").click(function(){
44        var ul_position = jQuery("ul.carousel_items").position();
45		
46        if(ul_position.left < 0){
47            jQuery("ul.carousel_items").not(':animated').animate({ left: '+=195' }, {
48                            duration: 'slow',
49                            easing: 'easeOutExpo'});
50        }
51        return false;
52    });
53    
54    jQuery(".carousel_btn_right").click(function(){
55        var ul_position = jQuery("ul.carousel_items").position();
56		var carouselWidth = jQuery(".carousel").width() + 20;
57        var current_position = ul_width - (-ul_position.left) - carouselWidth;
58        
59        if(current_position > 0){
60            jQuery("ul.carousel_items").not(':animated').animate({ left: '-=195' }, {
61                            duration: 'slow',
62                            easing: 'easeOutExpo'});
63        }
64        return false;
65    });
66})