overflow: hidden;<\/pre>\n\u041f\u043e\u0442\u043e\u043c\u0443 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<\/p>\n
<div class=\"swiper-object\">\n <!-- Slider main container -->\n <div class=\"swiper-container\">\n <!-- Additional required wrapper -->\n <div class=\"swiper-wrapper\">\n <!-- Slides -->\n <div class=\"swiper-slide\">Slide 1<\/div>\n <div class=\"swiper-slide\">Slide 2<\/div>\n <div class=\"swiper-slide\">Slide 3<\/div>\n ...\n <\/div> \n <\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-pagination\"><\/div>\n<\/div><\/pre>\n\u042f \u0432\u044b\u043d\u0435\u0441 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430, \u0442\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0441\u043a\u0440\u0438\u043f\u0442\u0430.<\/p>\n
\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0432\u0441\u0435 swiper \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b HTML \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430:<\/p>\n
jQuery(function($) {\n\n $('.swiper-object .swiper-container').each(function(index, value) {\n\n var mySwiper = new Swiper(value, {\n autoplay: {\n delay: 5000,\n },\n navigation: {\n nextEl: value.nextElementSibling.nextElementSibling,\n prevEl: value.nextElementSibling,\n },\n pagination: {\n el: value.nextElementSibling.nextElementSibling.nextElementSibling,\n clickable: true,\n },\n slidesPerView: 'auto',\n });\n\n });\n});\n<\/pre>\n\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0432\u0430\u043c \u0441\u0442\u0438\u043b\u0438, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e. \u0412 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0442\u044c \u0438 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 margin<\/em> \u0438\u043b\u0438 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f), \u0442.\u043a. \u0441\u0442\u0438\u043b\u0438 swiper-object<\/em> \u0443\u0436\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 \u0432\u0430\u0441.<\/p>\n","protected":false},"excerpt":{"rendered":"swiper js — jQuery \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u00a0\u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[132],"class_list":["post-11224","post","type-post","status-publish","format-standard","hentry","category-jquery-hints","tag-swiper-js"],"acf":[],"yoast_head":"\n
\u041f\u043e\u043a\u0430\u0437 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u0430\u0433\u0438\u043d\u0430\u0442\u043e\u0440\u0430 swiper js \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n