Автоматическая прокрутка слайдера на главной странице

Вопросы и ответы по изменению функционала, смене дизайна, переносу сайта и т.п.

Модераторы: Xpycm, Koduc

Правила форума
ВНИМАНИЕ! Форум не является средством гарантированной поддержки клиентов и пользователей. Поэтому на быстрый ответ тут рассчитывать не нужно, как и на ответ вообще. Сотрудники отвечают по мере своих возможностей.

На форуме действует ограничение в 3 сообщения / сутки.
Если Вы хотите сказать "спасибо", то воспользуйтесь функцией "Повысить репутацию" - зелёная иконка "плюс" под ником ответившего.

Автоматическая прокрутка слайдера на главной странице

Сообщение Xpycm » 05 ноя 2014, 09:38

Внимание: актуально для шаблона Atlas. ( http://open-real-estate.info/ru/open-re ... ules#atlas )

Файл themes\atlas\views\layouts\index.php

Настройки:
Код: Выделить всё
auto: true,
duration: значение_в_миллисекундах,
pause: значение_в_миллисекундах


Пример.

Вместо существующего кода:
Код: Выделить всё
$("#myController").jFlow({
    controller: ".jFlowControl", // must be class, use . sign
    slideWrapper: "#jFlowSlider", // must be id, use # sign
    slides: "#mySlides",  // the div where all your sliding divs are nested in
    selectedWrapper: "jFlowSelected",  // just pure text, no sign
    effect: "flow", //this is the slide effect (rewind or flow)
    width: width+"px",  // this is the width for the content-slider
    height: "380px",  // this is the height for the content-slider
    duration: false,  // time in milliseconds to transition one slide
    pause: false, //time between transitions
    prev: ".jFlowPrev", // must be class, use . sign
    next: ".jFlowNext",
    auto: false
}); 


Вставить такой код:
Код: Выделить всё
$("#myController").jFlow({
    controller: ".jFlowControl", // must be class, use . sign
    slideWrapper: "#jFlowSlider", // must be id, use # sign
    slides: "#mySlides",  // the div where all your sliding divs are nested in
    selectedWrapper: "jFlowSelected",  // just pure text, no sign
    effect: "flow", //this is the slide effect (rewind or flow)
    width: width+"px",  // this is the width for the content-slider
    height: "380px",  // this is the height for the content-slider
    duration: 400,  // time in milliseconds to transition one slide
    pause: 3000, //time between transitions
    prev: ".jFlowPrev", // must be class, use . sign
    next: ".jFlowNext",
    auto: true
}); 
Dropbox
Open Real Estate CMS: FAQ | FAQ 2 | FAQ 3
Изображение
Xpycm
Разработчик
Разработчик
 
Сообщения: 1592
Зарегистрирован: 30 дек 2011, 11:06
Откуда: Йошкар-Ола
Очки репутации: 50

Вернуться в Вопросы и помощь по изменениям

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 6