<script>
//Перемещаем слайдер в ZeroBlock в div контейнер с классом sliderzero
$("#rec45716577").appendTo(".sliderzero");
//Добавляем класс к левой кнопке
$(".tn-elem__457165041519379999897").addClass("leftarrow zeroarrow");
//Добавляем класс к правой кнопке
$(".tn-elem__457165041519380020679").addClass("righarrow zeroarrow");
//При клике на левую кнопку - крутим слайдер влево
$(".leftarrow").click(function() {
$(".t670 .t-slds__arrow-left")[0].click();
});
//При клике на правую кнопку - крутим слайдер вправо
$(".righarrow").click(function() {
$(".t670 .t-slds__arrow-right")[0].click();
});
</script>
<style>
/*Скрываем штатные стреклки*/
.t-slds__arrow_container{
display: none;
}
/*Добавляем свойство анимации для кнопок*/
.zeroarrow{
transition: all 400ms ease;
}
/*Эффект при наведении на стрелочки*/
.zeroarrow:hover {
cursor:pointer;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*Изменяем ширину галереи на экранах меньше 540px*/
@media screen and (max-width: 540px){
.t-slds__container {
max-width: 400px !important;
}}
/*Изменяем ширину галереи на экранах меньше 400px*/
@media screen and (max-width: 400px){
.t-slds__container {
max-width: 320px !important;
}}
</style>