https://litsovet.ru/js/sliders/sliders.js?v=3.0.47

1var swiper = new Swiper(".BannerSl", {
2    direction: "vertical",
3    autoHeight: true,
4    effect: "fade",
5    autoplay: {
6        delay: 10000,
7    },
8    pagination: {
9        el: ".swiper-pagination",
10        clickable: true,
11    },
12});
13
14
15/* слайдер рекламный на главной*/
16var swiper_MainSl = new Swiper(".MainSl", {
17    loop: true,
18    autoHeight: true,
19    slidesPerView: "1",
20    spaceBetween: 0,
21    effect: "fade",
22    autoplay: {
23        delay: 10000,
24    },
25    navigation: {
26        nextEl: ".slider-next",
27        prevEl: ".slider-prev",
28    },
29});
30
31/* слайдер юзеров */
32var swiper_BookSl = new Swiper(".UserSl", {
33    slidesPerView: "auto",
34    spaceBetween: 15,
35    slidesPerGroup: 2,
36    //lazy: true,
37    loop: true,
38    observer: true,
39    observeParents: true,
40    navigation: {
41        nextEl: ".slider-next",
42        prevEl: ".slider-prev",
43    },
44    breakpoints: {
45        320: {
46            slidesPerView: 2,
47            spaceBetween: 10,
48        },
49        380: {
50            slidesPerView: 2.4,
51            spaceBetween: 10,
52        },
53        450: {
54            slidesPerView: 3,
55            spaceBetween: 10,
56        },
57        575: {
58            slidesPerView: 4,
59        },
60        820: {
61            slidesPerView: 5,
62        },
63    }
64});
65
66/* слайдер книг */
67var swiper_BookSl = new Swiper(".BookSl", {
68    slidesPerView: "auto",
69    spaceBetween: 10,
70    slidesPerGroup: 2,
71    //lazy: true,
72    //loop: true,
73    observer: true,
74    observeParents: true,
75    pagination: {
76        el: ".swiper-pagination",
77        clickable: true,
78    },
79    navigation: {
80        nextEl: ".slider-next",
81        prevEl: ".slider-prev",
82    },
83    breakpoints: {
84        320: {
85            slidesPerView: 2,
86            spaceBetween: 10,
87        },
88        360: {
89            slidesPerView: 3,
90            spaceBetween: 10,
91        },
92        420: {
93            slidesPerView: 3,
94        },
95        475: {
96            slidesPerView: 4,
97        },
98        750: {
99            slidesPerView: 5,
100        }
101    }
102});
103
104/* слайдер книг alt */
105var swiper_BookSl = new Swiper(".BookSlAlt", {
106    slidesPerView: "auto",
107    spaceBetween: 15,
108    slidesPerGroup: 2,
109    //lazy: true,
110    //loop: true,
111    observer: true,
112    observeParents: true,
113    pagination: {
114        el: ".swiper-pagination",
115        clickable: true,
116    },
117    navigation: {
118        nextEl: ".slider-next",
119        prevEl: ".slider-prev",
120    },
121    breakpoints: {
122        320: {
123            slidesPerView: 2,
124            spaceBetween: 10,
125        },
126        360: {
127            slidesPerView: 3,
128            spaceBetween: 10,
129        },
130        420: {
131            slidesPerView: 3.5,
132        },
133        475: {
134            slidesPerView: 4,
135        },
136        750: {
137            slidesPerView: 5,
138        },
139        1000: {
140            slidesPerView: 6,
141        }
142    }
143});
144
145/* слайдер рецензий на главной */
146var swiper_ReviewsSl = new Swiper(".ReviewsSl", {
147    slidesPerView: "1",
148    spaceBetween: 15,
149    autoHeight: true,
150    loop: true,
151    breakpoints: {
152        1024: {
153            slidesPerView: '1',
154        },
155    },
156    navigation: {
157        nextEl: ".slider-next",
158        prevEl: ".slider-prev",
159    },
160    autoplay: {
161        delay: 15000,
162    },
163});
164
165/* слайдер ачивок */
166var swiper_AchivSl = new Swiper(".AchivSl", {
167    slidesPerView: "3",
168    slidesPerColumn: 2,
169    loop: true,
170    grid: {
171        rows: 1,
172    },
173    navigation: {
174        nextEl: ".slider-next",
175        prevEl: ".slider-prev",
176    },
177    spaceBetween: 15,
178    breakpoints: {
179        320: {
180            slidesPerView: '1',
181        },
182        490: {
183            slidesPerView: '2',
184        },
185        690: {
186            slidesPerView: '3',
187        },
188        1024: {
189            slidesPerView: '3',
190        },
191        1224: {
192            slidesPerView: '3',
193        },
194    },
195});
196
197/* слайдер фидов */
198var swiper_OneItemSl = new Swiper(".OneItemSl", {
199    slidesPerView: "1",
200    spaceBetween: 0,
201    autoHeight: true,
202    loop: true,
203    navigation: {
204        nextEl: ".slider-next",
205        prevEl: ".slider-prev",
206    },
207});
208
209/* слайдер фидов */
210var swiper_TwoItemSl = new Swiper(".TwoItemSl", {
211    slidesPerView: "2",
212    spaceBetween: 10,
213    autoHeight: true,
214    // loop: true,
215    breakpoints: {
216        320: {
217            slidesPerView: '2',
218            spaceBetween: 10,
219        },
220        375: {
221            slidesPerView: '2',
222            spaceBetween: 10,
223        },
224        420: {
225            slidesPerView: '2',
226            spaceBetween: 10,
227        },
228        520: {
229            slidesPerView: '3',
230            spaceBetween: 10,
231        },
232        690: {
233            slidesPerView: '3',
234        },
235        1024: {
236            slidesPerView: '2',
237        },
238        1224: {
239            slidesPerView: '2',
240        }
241    },
242    navigation: {
243        nextEl: ".slider-next",
244        prevEl: ".slider-prev",
245    },
246});
247
248/* слайдер постов в блоге */
249var swiper_PostSl = new Swiper(".PostSl", {
250    slidesPerView: "auto",
251    loop: true,
252    spaceBetween: 15,
253    navigation: {
254        nextEl: ".slider-next",
255        prevEl: ".slider-prev",
256    },
257    breakpoints: {
258        320: {
259            slidesPerView: 1,
260            slidesPerGroup: 1,
261            spaceBetween: 10,
262        },
263        490: {
264            slidesPerView: '2',
265            spaceBetween: 10,
266        },
267        768: {
268            slidesPerView: '2.5',
269        },
270        1024: {
271            slidesPerView: '3',
272        },
273    },
274});
275
276/* слайдер подборок */
277var swiper_CollectSl = new Swiper(".CollectSl", {
278    slidesPerView: "auto",
279    loop: true,
280    spaceBetween: 15,
281    navigation: {
282        nextEl: ".slider-next",
283        prevEl: ".slider-prev",
284    },
285    breakpoints: {
286        320: {
287            slidesPerView: 1,
288            slidesPerGroup: 1,
289            spaceBetween: 10,
290        },
291        490: {
292            slidesPerView: '2',
293        },
294        768: {
295            slidesPerView: '2.5',
296        },
297        1024: {
298            slidesPerView: '3',
299        },
300    },
301});
302
303/* слайдер эксклюзивов в сайдбаре */
304var swiper_ExclusiveSl = new Swiper(".ExclusiveSl", {
305    navigation: {
306        nextEl: ".slider-next",
307        prevEl: ".slider-prev",
308    },
309    slidesPerView: "1",
310    spaceBetween: 0,
311    effect: "fade",
312    autoplay: {
313        delay: 10000,
314    },
315});
316
317/* слайдер сторисов на главной и в дашборде юзера */
318var swiper_StorisItem = new Swiper(".StorisItem", {
319    slidesPerView: "auto",
320    spaceBetween: 15,
321    navigation: {
322        nextEl: ".slider-next",
323        prevEl: ".slider-prev",
324    },
325    breakpoints: {
326        320: {
327            slidesPerView: 2,
328            slidesPerGroup: 1,
329            spaceBetween: 10,
330        },
331        490: {
332            slidesPerView: '3',
333            spaceBetween: 10,
334        },
335        768: {
336            slidesPerView: '3.5',
337        },
338        1024: {
339            slidesPerView: '6',
340        },
341    },
342});
343
344
345
346
347
348/* слайдер книг */
349function initPopularSlider() {
350    new Swiper(".BookSl", {
351        slidesPerView: "auto",
352        spaceBetween: 10,
353        slidesPerGroup: 2,
354        observer: true,
355        observeParents: true,
356        pagination: {
357            el: ".swiper-pagination",
358            clickable: true,
359        },
360        navigation: {
361            nextEl: ".slider-next",
362            prevEl: ".slider-prev",
363        },
364        breakpoints: {
365            320: { slidesPerView: 2, spaceBetween: 10 },
366            360: { slidesPerView: 3, spaceBetween: 10 },
367            420: { slidesPerView: 3 },
368            475: { slidesPerView: 4 },
369            750: { slidesPerView: 5 }
370        }
371    });
372}
373
374
375
376
377
378
379$(document).ready(function () {
380    const sliderObserver = new IntersectionObserver((entries, observer) => {

381        entries.forEach(entry => {
382            if (entry.isIntersecting) {
383                const container = $(entry.target);
384                const url = container.data('url');
385                loadSliderData(container, url);
386                observer.unobserve(entry.target);
387            }
388        });
389    }, {
390        rootMargin: '200px 0px',
391        threshold: 0.01
392    });
393    function loadSliderData(container, url) {
394        $.ajax({
395            url: url,
396            type: 'GET',
397            success: function (html) {
398                if (html.trim() !== '') {
399                    container.html(html);
400                    container.find('[data-bs-toggle="tooltip"]').tooltip();
401                } else {
402                    container.parent().remove();
403                }
404            },
405            error: function () {
406                console.log('Ошибка загрузки:', url);
407                container.find('.skeleton-slide').remove();
408            }
409        });
410    }
411    $('.ajax-load-slider').each(function() {
412        sliderObserver.observe(this);
413    });
414});