Вход • Регистрация

Эффект при смене фотографий в слайдере

  •
  • 14 марта 2016 г.
  • Доброго всем времени суток!

    В шаблоне слайдер на главной странице выводится блоком, в котором вот такой код:
    Код
    <insert name="show_block" module="bs" template="slider" cat_id="1" count="3">

    То есть получается что выводятся баннеры.
    Как-то можно время смены кадров увеличить и в идеале эффект смены кадров поменять, например вместо перелистывания сделать затухание/проявление?
    Подскажите пожалуйста, уважаемые профессионалы. Заранее всем огромное спасибо за советы!
    • 14 марта 2016 г.
    • Это совершенно неважно, где сидят картинки для слайдера, в баннерах, новостях или изображениях для страниц сайта.
      Смотреть проще на самом сайте, в HTML-исходник, какой JS-плагин их крутит и идти в него, и там менять эффекты. Или по названию папки/файла JS-плагина гуглять его и смотреть к нему доки.
      •
      • 14 марта 2016 г.
      • Шаблон недавно куплен в каталоге дополнений Диафан... никакого стороннего плагина я не прикручивал, да и не умею...
        Вот этот шаблон:
        http://themes.diafan.ru/adaptivvetklinika/
        http://addons.diafan.ru/templates/business/adaptivnyy-sayt-vetklinika/
        А еще, если кадров больше двух то очень не красиво получается, слайдер не по кругу листает, а с последнего быстро перелистывает опять в обратном порядке до первого...
        • 14 марта 2016 г.
        • http://themes.diafan.ru/adaptivvetklinika/custom/my/js/jquery.bd.move.slider.js
          Там по названию параметров примерно понятно, что за что отвечает.
          Время смены, очевидно, interval: 10000
          Но слайдер еще в http://themes.diafan.ru/adaptivvetklinika/custom/my/js/main.js запускается, там
          Код
          // slider
          vertical_slider('.slider', true, 'easeInOutSine');

          $('.igallery').bdmoveSlider({
          crop: true,
          timer: 5000
          });

          Таймер заменить можно и при вызове.
          А easeInOutSine - это эффект слайда из библиотеки http://easings.net/ru. Можете любое другое название поставить, слайдер будет по-другому прыгать
          • 14 марта 2016 г.
          • Не помогает изменение значений
            1. interval: 10000
            2. timer: 5000 (в том куске кода, что вы указали)
            Ничего не меняется в слайдере...
            • 14 марта 2016 г.
            • Какой ответ Вы от меня ждете?
              Других мест, где что-то можно поправить, я не знаю. Это единственный скрипт слайдера на этом сайте. Я пойду, поменяю, и оно изменится.
              А Ваш сайт, куда Вы все это поставили, никто даже не видел.
              •
              • 14 марта 2016 г.
              • http://kolos72.nichost.ru/ - временный адрес
                Только там и смотреть еще нечего, я только только развернул скрипты и тему накатил купленную...
                В слайдер и уткнулся практически сразу, причем эффект меняется, тут без вопросов...
                А вот время задержки кадра нет...
              •
              • 14 марта 2016 г.
              • И вообще, я так понимаю, что-то не совсем так с этим шаблоном, вот, например, карточка товара...
                Разве так должны изображения "из коробки" отображаться?
                http://kolos72.nichost.ru/nomernoy-fond/odnomestnoe-razmeschenie/nomer-kategorii-standart/
              •
              • 14 марта 2016 г.
              • http://kolos72.nichost.ru/custom/my/js/main.js
                здесь же все наглядно, вроде. Чуть внимательнее гляньте и все ж очевидно сразу

                Для основного слайлера, который в слое .slider, работает функция
                Код
                vertical_slider('.slider', true, 'easeInOutElastic');


                А то, что чуть ниже
                Код
                $('.igallery').bdmoveSlider({
                crop: true,
                timer: 5000
                });
                - это работа со слоем .igallery, т.е. это каруселька фотографий ниже

                А для основного слайдера функция vertical_slider ниже, там его время в самом конце, видно 5000(милисекунды) цифру.
              • 14 марта 2016 г.
              • Цитата
                И вообще, я так понимаю, что-то не совсем так с этим шаблоном, вот, например, карточка товара...
                Разве так должны изображения "из коробки" отображаться?
                http://kolos72.nichost.ru/nomernoy-fond/odnomestnoe-razmeschenie/nomer-kategorii-standart/

                "Карточка"? Там вообще карточка не предполагалась, это же шаблон-визитка. Шаблоны с проработанными списками товаров, карточками товаров и корзинами в отдельных каталогах чуть дороже.
                Если втыкаете магазин, готовьтесь к тому, что доработать его придется.
              •
              • 15 марта 2016 г. , редакция: 15 марта 2016 г.
              • В общем, методом математического тыка удалось выяснить:
                1.
                Код
                // slider
                vertical_slider('.slider', true, 'easeInOutElastic');

                ...

                slider_timer = setTimeout(function() {
                clicked_slitem(true, true);
                }, 30000); // Вот это значение в милисекундах - вемя задержки первого слайда
                2.
                Код
                function clicked_slitem(next, timer) {

                ...

                if(timer) {
                clearInterval(slider_timer);

                slider_timer = setTimeout(function() {
                clicked_slitem(true, true);
                }, 30000); // А вот это время задержки в милисекундах для второго и последующих слайдов
                }
                }
  •
  • 18 февраля 2017 г.
  • А у меня вообще нет автопрокуртки. Подскажите что куда надо вставить?

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум