Blame view

frontend/web/js/sliders.js 5.13 KB
81add67c   alex   first
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
  $(document).ready(function () {

      //товары + новости

      var owlSlidersHome = $(".slider-home");

      console.log(owlSlidersHome.length)

      for(var i = 0; i < owlSlidersHome.length; i++){

          if($(owlSlidersHome[i]).children().length > 1) {

  

              $(owlSlidersHome[i]).owlCarousel({

                  responsiveClass: true,

                  responsive: {

                      0: {

                          items: 2,

                          slideBy: 1,

                          loop:true,

                          dots:true

                      },

  

  

                      600: {

                          items: 3,

                          slideBy: 1,

                          loop:true,

                          dots:true

                      },

  

  

                      768: {

                          items: 3,

                          slideBy: 1,

                          dots:false

                      },

  

                      992: {

                          items: 4,

                          slideBy: 1,

                          dots:false

                      }

                  },

                  smartSpeed:250,

                  nav:false,

  

  

                  onInitialize: function(){

                      $(owlSlidersHome[i]).on('initialized.owl.carousel', function(event) {

                          // console.log(event.page.size)

                          // console.log(event.item.count)

  

                          if(event.page.size < event.item.count){

                              $(owlSlidersHome[i]).parent().parent().find('.btn-l_').addClass('vis_ lock');

                              $(owlSlidersHome[i]).parent().parent().find('.btn-r_').addClass('vis_');

                          } else {

                              $(owlSlidersHome[i]).parent().parent().find('.btn-l_').addClass('disabled');

                              $(owlSlidersHome[i]).parent().parent().find('.btn-r_').addClass('disabled');

                          }

                      })

                  }

              })

  

  

  

              $(owlSlidersHome[i]).parent().parent().find(".btn-r_ ").click(function(){

                  //console.log('prev');

  

                  if(!($(this).hasClass('lock'))){

                      $(this).parent().parent().find(owlSlidersHome).trigger('next.owl.carousel');

                  }

  

              })

  

              $(owlSlidersHome[i]).parent().parent().find(".btn-l_").click(function() {

                  //console.log('next');

                  if(!($(this).hasClass('lock'))){

                      $(this).parent().parent().find(owlSlidersHome).trigger('prev.owl.carousel');

  

                  }

              })

  

              $(owlSlidersHome[i]).on('changed.owl.carousel', function(event) {

                  var index = event.item.index;

                  var count = event.item.count;

                  var size = event.page.size;

  

                  if(size < count){

                      $(this).parent().parent().find(".btn-l_").addClass('vis_');

                      $(this).parent().parent().find(".btn-r_").addClass('vis_');

                  } else {

                      $(this).parent().parent().find(".btn-l_").removeClass('vis_');

                      $(this).parent().parent().find(".btn-r_").removeClass('vis_');

                  }

  

                  if(index==(count-size)){

                      $(this).parent().parent().find(".btn-r_").addClass('lock')

                  } else {

                      $(this).parent().parent().find(".btn-r_").removeClass('lock')

                  }

                  if (index==0){

                      $(this).parent().parent().find(".btn-l_").addClass('lock')

                  } else  {

                      $(this).parent().parent().find(".btn-l_").removeClass('lock')

                  }

              })

  

              $(owlSlidersHome[i]).on('translated.owl.carousel', function(event) {

  

  

              })

          }

      }

  

  

      function addCardGallerySlider() {

          if( $(".card-block-wrapp").children().length >= 1 ){

              if($(window).width() <= 550) {

                  $(".slider-card").owlCarousel({

                      responsiveClass: true,

                      navSpeed:150,

                      dots:true,

                      nav:true,

                      navText:[],

                      items:1,

                      autoplay:false,

                      loop:true,

                      autoHeight: true,

                      autoHeightClass: 'owl-height',

                      video:true

                  });

              } else {

                  $(".slider-card").trigger('destroy.owl.carousel');

              }

          }

      }

      addCardGallerySlider();

      $(window).resize(function () {

          addCardGallerySlider();

      })

  

      $('.title-blocks-home-tabs').click(function () {

          var index_ = $(this).index();

          var tabs = $('.slider-tabs');

          $('.title-blocks-home-tabs').removeClass('active');

          $(this).addClass('active');

          $(tabs).css({display:'none'});

          $(tabs[index_]).css({display:'block'});

          $(tabs[index_]).find('.slider-home').addClass('init').trigger('refresh.owl.carousel');

      })

  })