изменить анимацию слайдера prestashop


изменить анимацию слайдера prestashop

30.09.2019 03:21:58 Просмотров 101 Источник

Мне нужно изменить анимацию слайдера изображения по умолчанию от слайда до затухания в 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 Кто-нибудь может мне помочь?

jquery prestashop
У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102717233_58167824
здесь вы можете найти официальную документацию responsiveSlider.Яш responsiveslides.com
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102717714_58167824
Спасибо за это, но в документации анимация уже настроена на затухание, а в prestashop она установлена на "слайд". Вы имеете в виду, что это проблема CSS вместо js?
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102717976_58167824
может быть и так. проверяя код с страницы примера, я вижу, что слайдер инициализируется всего несколькими опциями {speed: 1000, maxwidth:800}, поэтому я думаю, что это переопределение origina responsiveSlider. попробуйте изменить значение имен:"homeslider" имен: "rslides". это просто попытка, но пусть это будет куолд работает
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102718449_58167824
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102718608_58167824
да, вручную (удаляя все в var / cache) и из BO
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102718637_58167824
проверяя код слайда, пока он скользит, вы можете увидеть какие-либо изменения в атрибуте класса или в его HTML?
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102718699_58167824
Давайте продолжим эту дискуссию в чате .
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation#comment102719530_58167824
я опубликовал ответ, чтобы помочь другим с той же проблемой

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

Является ответом!
Sim1-81

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;для настройки времени новой анимации

Источник
https://stackoverflow.com/questions/58167824/change-prestashop-slider-animation/58169091#comment102721226_58169091
можете ли вы снова прийти в чат, чтобы обсудить это, потому что есть еще некоторые вопросы, и ваш ответ почти завершен, и я хочу его принять.
Помочь в развитии проекта:

Другие вопросы

Ответы на ваши вопросы

Закрыть X