Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Переключение слайдера

Discussion in 'Вопросы- ответы' started by Kroys, Sep 19, 2017.

?

Понятно ли о чём идёт речь?

  1. Да, нормально описал вопрос.

    0 vote(s)
    0.0%
  2. Нет, вообще ни разу не понятно.

    100.0%
19.09.17 в 09:30
19.09.17 в 09:44
1
334
0
  1. TopicStarter Overlay
    Kroys

    PRO Users

    Joined:
    Aug 5, 2017
    Messages:
    118
    Best Answers:
    0
    Ratings:
    +20 / 1 / -0
    Доброго времени суток..Включил стандартный слайдер через DLE:

    В main.tpl В нужном месте
    Code:
           [aviable=main|cat]    
        <div class="related tcarusel carou-top">
            <div class="rel-title">Новинки:</div>
            <div class="tcarusel-scroll clearfix">
                {custom xfields="2017" template="custom-carou" order="date" from="0" limit="30" cache="yes"}
            </div>
            <div class="tcarusel-prev"><span class="fa fa-arrow-left"></span></div>
            <div class="tcarusel-next"><span class="fa fa-arrow-right"></span></div>
        </div>
        [/aviable]
    
    Содержание custom-carou.tpl
    Code:
    <div class="mov tcarusel-item">
        <div class="mov-i img-box">
            <img src="{image-1}" alt="{title}" />
            <div class="mov-mask flex-col ps-link" data-link="{full-link}"><span class="fa fa-play"></span></div>
        </div>
        <a class="mov-t nowrap" href="{full-link}" title="{title}">{title limit="40"}</a>
    </div>
    
    В style.css прописал следующее:
    Code:
    /* CAROU TOP
    ----------------------------------------------- */
    .tcarusel.carou-top {padding:20px 0 0 22px; height:350px; color:#fff; background-color:#4a586e;}
    .carou-top .tcarusel-next {right:20px; top:20px;}
    .carou-top .tcarusel-prev {right:60px; top:20px;}
    .carou-top .mov-t {color:#fff;}
    .carou-top .mov-c {color:#ccc;}
    .carou-top .tcarusel-item {width:135px; margin:0 20.2px 0 0;}
    .carou-top .mov-i {height:200px !important;}
    
    Ну и собственно возникает вопрос...Как сделать перемотку слайдера мышкой, а не нажатием кнопки (Вправо и влево). Чтоб понять о чём идёт речь зайдите на сайт Gals Telecom зажатием мышки вы можете перехлестнуть слайдер...Как добиться такого же эффекта?
     
  2. redissx

    redissx Бывалый

    Joined:
    Sep 23, 2015
    Messages:
    892
    Best Answers:
    8
    Ratings:
    +1,078 / 176 / -0
    Использовать для этого готовые плагины, которые уже это умеют. Home | Owl Carousel | 2.2.1
     
    • Нравится Нравится x 2
    • Согласен Согласен x 2
Яндекс.Метрика