https://malinkakats.ru/js/main.js

1// (function(){
2
3
4
5// })()
6
7$(document).ready(function() {
8  // var pgwSlideshow = $('.pgwSlideshow').pgwSlideshow();
9
10  // pgwSlideshow.reload({
11  //     // transitionEffect : 'sliding',
12  //     // adaptiveDuration : 4000,
13  //     // mainClassName : 'pgwSlideshowLight'
14  //     displayControls : true
15  // });
16  // 
17
18  var menuButton = $(".menu__button");
19  var blockActive = $(".sidebar");
20
21  menuButton.click(function () {
22      blockActive.toggleClass("js-active");
23
24      $(this).toggleClass("js-menu-active");
25  });
26
27
28    var scrollUp = document.getElementById('scrollup');
29    var scrollUpJq = $('#scrollup');
30
31    scrollUp.onmouseover = function() {
32        scrollUp.style.opacity = 0.6;
33        // scrollUp.style.filter = 'alpha(opacity=60)';
34        // scrollUp.style.background = 'rgb(186,174,148)  ';
35
36    }
37    ;
38    scrollUp.onmouseout = function() {
39        scrollUp.style.opacity = 0.5;
40        // scrollUp.style.filter = 'alpha(opacity=30)';
41        // scrollUp.style.background = 'none';
42    }
43    ;
44    scrollUp.onclick = function() {
45        window.scrollTo(0, 0);
46    }
47    ;
48    window.onscroll = function() {
49        if (window.pageYOffset > 400) {
50            scrollUpJq.addClass("js-visible");
51        } else {
52            scrollUpJq.removeClass("js-visible");
53        }
54    }
55    ;
56
57
58
59$('#toTop').click(function() {
60 
61window.scrollTo(0, 0);
62 
63});
64
65
66$(function(){
67$(window).scroll(function() {
68var top = $(document).scrollTop();
69if (top < 150) $("#menuplav1").css({top: '100', position: 'relative'}), $("#menuplav2").css({top: '100', position: 'relative'});
70else $("#menuplav1").css({top: '0', position: 'fixed'}), $("#menuplav2").css({top: '0', position: 'fixed'})
71});
72});
73
74
75
76
77function Slider(width_li,margin_right_li,col_view_img){
78
79      var widthNormEl = width_li;
80      var widthSmallEl = $("#slider_box>ul>li.slider__small-img").width();
81
82    var step=width_li+margin_right_li,
83        col_view_img = ~~($("#slider").width()/step);
84        slider_box_with=col_view_img*step-margin_right_li - (widthNormEl-widthSmallEl);
85        // slider_box_with=col_view_img*step-margin_right_li;
86        // slider_box_with=col_view_img*step-margin_right_li-widthNormalEl+widthSmallEl,
87        $col_img=$("#slider_box>ul>li").length,
88        col_main_left=0,
89        max_col_main_left=$col_img*step;
90
91
92    $("#slider_box").width(slider_box_with);
93    $("#slider_box>ul>li").width(width_li).css("margin-right",margin_right_li);
94    $("#slider_box>ul>li.slider__small-img").width("auto");
95
96
97
98
99
100    // центрируем
101
102    var sliderCenter = ~~(col_view_img/2);
103    var numEl=0;
104
105    $("#slider_box>ul>li").each(function(index, el) {
106      // if (el.attr("class") == "slider__small-img") {
107      //   console.log(index);
108      // }
109      if($(el).hasClass('slider__small-img')) numEl = index;
110
111    });
112
113
114
115
116    if (numEl >= sliderCenter){
117      col_main_left=col_main_left-step*(numEl-sliderCenter);
118
119      var iCount = 0;
120
121      while(-col_main_left>max_col_main_left-col_view_img*step){
122        col_main_left=0;
123        col_main_left=col_main_left-step*(--numEl-sliderCenter);
124        // break;
125      }
126
127
128      // col_main_left = col_main_left + ~~(widthNormEl-widthSmallEl)/2;
129
130      $("#slider_box>ul").css("margin-left",col_main_left+"px");
131
132    }
133
134
135
136    // если у края
137    if(-col_main_left>=max_col_main_left-col_view_img*step-~~(widthNormEl-widthSmallEl)/2){
138      $("#right_nav").css("opacity", "0");
139    } 
140
141    // если у края
142    if(col_main_left>=0){
143      $("#left_nav").css("opacity", "0");
144    }
145
146
147
148    // слайдим
149    $("#right_nav").click(function(){
150
151        // если у края
152        if(-col_main_left>=max_col_main_left-col_view_img*step-~~(widthNormEl-widthSmallEl)/2){
153          // $("#left_nav").css("display", "none");
154            // col_main_left=0;
155        } else{
156          // $("#right_nav").css("display", "block");
157
158            col_main_left=col_main_left-step;
159        }
160
161        $("#left_nav").css("opacity", "1");
162
163        // если у края
164        if(-col_main_left>=max_col_main_left-col_view_img*step-~~(widthNormEl-widthSmallEl)/2){
165          $("#right_nav").css("opacity", "0");
166        } 
167
168        $("#slider_box>ul").css("margin-left",col_main_left+"px");
169    });
170    $("#left_nav").click(function(){
171
172        // если у края
173        if(col_main_left>=0){
174          // $("#right_nav").css("display", "none");
175            // col_main_left=-max_col_main_left+col_view_img*step;
176        } else{
177          // $("#left_nav").css("display", "block");
178
179            col_main_left=col_main_left+step;
180        }
181
182        $("#right_nav").css("opacity", "1");
183
184        // если у края
185        if(col_main_left>=0){
186          $("#left_nav").css("opacity", "0");
187        }
188
189        $("#slider_box>ul").css("margin-left",col_main_left+"px");
190    });
191}
192$(Slider(69,10,9));
193
194setTimeout(function(){
195$("#slider ul").css("transition", "all 0.5s ease");
196$("#slider_box").addClass('nopreload');
197
198}, 100);
199
200
201var myElement = document.getElementById('slider');
202if ($(myElement).is('#slider')) {
203
204
205
206
207// create a simple instance
208// by default, it only adds horizontal recognizers
209var mc = new Hammer(myElement);
210var panrightClick=false,
211    panleftClick=false;
212// listen to events...
213mc.on("panleft panright tap press", function(ev) {
214    if (ev.type == "panright"){
215      panrightClick=true;
216    } 
217    if (ev.type == "panleft"){
218      panleftClick=true;
219    } 
220      // console.log(ev.type);
221    // if (ev.type == "panleft") $("#left_nav").trigger('click');
222});
223
224
225setInterval(function(){
226
227  if (panrightClick==true) {
228    $("#left_nav").trigger('click');
229    panrightClick=false;
230  }
231
232  if (panleftClick==true) {
233    $("#right_nav").trigger('click');
234    panleftClick=false;
235  }
236
237
238},200);
239
240}
241
242});