изменить анимацию слайдера prestashop
Мне нужно изменить анимацию слайдера изображения по умолчанию от слайда до затухания в prestashop 1.7
Я попытался добавить mode: fade,
чтобы homeslider.JS, но это не помогло.
вот это и есть домашняя горка.файл JS :
jQuery(document).ready(function ($) {
var homesliderConfig = {
speed: 500, // Integer: Speed of the transition, in milliseconds
timeout: $('.homeslider-container').data('interval'), // Integer: Time between slide transitions, in milliseconds
nav: true, // Boolean: Show navigation, true or false
random: false, // Boolean: Randomize the order of the slides, true or false
pause: $('.homeslider-container').data('pause'), // Boolean: Pause on hover, true or false
maxwidth: "", // Integer: Max-width of the slideshow, in pixels
namespace: "homeslider", // String: Change the default namespace used
before: function(){}, // Function: Before callback
after: function(){} // Function: After callback
};
$(".rslides").responsiveSlides(homesliderConfig);
});
Режим fade thing я видел в теме prestashop 1.6, но он не работает в prestashop 1.7 Кто-нибудь может мне помочь?








Ответы - изменить анимацию слайдера prestashop / change prestashop slider animation

30.09.2019 04:37:26
это поведение CSS, чтобы изменить его, вам нужно отредактировать стили слайдера
находить.карусель-внутренняя>.карусель-элемент в ваших файлах CSS и изменить в
.carousel-inner>.carousel-item {
position: absolute;
transition: .6s ease-in-out;
opacity:0;
}
следующая находка .карусель-внутренняя>.карусель-предмет.активный и добавить непрозрачность: 1
.carousel-inner>.carousel-item.active{
transition: .6s ease-in-out;
opacity: 1;
}
затем вы можете прокомментировать следующий css
/*.carousel-inner>.active.left {*/
/*left: -100%*/
/*}*/
/*.carousel-inner>.active.right {*/
/*left: 100%*/
/*}*/
вы также должны быть прокомментировать:
@media (-webkit-transform-3d),(transform-3d)
теперь ваш слайд находится в режиме затухания, вам нужно только играть с transition: all .6s linear;
для настройки времени новой анимации
