Автоматическая прокрутка слайдера на главной странице
Добавлено: 05 ноя 2014, 09:38Внимание: актуально для шаблона Atlas. ( http://open-real-estate.info/ru/open-re ... ules#atlas )
Файл themes\atlas\views\layouts\index.php
Настройки:
Пример.
Вместо существующего кода:
Вставить такой код:
Файл 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
});