Количество Слайдов, Интервал Между Появлением Слайдов И Текстом
#1
Отправлено 03 Февраль 2015 - 19:27
Увеличить интервал между появлением слайдов секунд до 10. И текст сделать с таким же интервалом.
#2
Отправлено 03 Февраль 2015 - 20:33
golodayushii (03 Февраль 2015 - 19:27) писал:
Увеличить интервал между появлением слайдов секунд до 10. И текст сделать с таким же интервалом.
<div class="item" style="display:none"> <a href="#" target="_blank"> <img src="{ASSETS_IMAGES_PATH}assdd.jpg" alt="Описание слайда"> </a> </div>
после добавляете слайд
<div class="item" style="display:none"> <a href="#" target="_blank"> <img src="{ASSETS_IMAGES_PATH}имя вашей картинки" alt="Описание слайда"> </a> </div>по аналогии добавляете еще 3 слайда друг за другом
#3
Отправлено 04 Февраль 2015 - 18:04
Ирина345 (03 Февраль 2015 - 20:33) писал:
<div class="item" style="display:none"> <a href="#" target="_blank"> <img src="{ASSETS_IMAGES_PATH}assdd.jpg" alt="Описание слайда"> </a> </div>
после добавляете слайд
<div class="item" style="display:none"> <a href="#" target="_blank"> <img src="{ASSETS_IMAGES_PATH}имя вашей картинки" alt="Описание слайда"> </a> </div>по аналогии добавляете еще 3 слайда друг за другом
#6
Отправлено 04 Февраль 2015 - 20:11
Alekseys (04 Февраль 2015 - 18:53) писал:
golodayushii (04 Февраль 2015 - 20:11) писал:
#7
Отправлено 05 Февраль 2015 - 02:14
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement"> <div class="camera_caption fadeFromRight"> Дорогие часы не создают время, но отражают, насколько дорого оно их владельцу. </div> </div>данный код отвечает за отдельно взятый слайд, продублируйте его и смените название картинки и текст на необходимое
#8
Отправлено 05 Февраль 2015 - 19:14
Vaccina (05 Февраль 2015 - 02:14) писал:
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement"> <div class="camera_caption fadeFromRight"> Дорогие часы не создают время, но отражают, насколько дорого оно их владельцу. </div> </div>данный код отвечает за отдельно взятый слайд, продублируйте его и смените название картинки и текст на необходимое
#9
Отправлено 05 Февраль 2015 - 19:23
golodayushii (05 Февраль 2015 - 19:14) писал:
<script type="text/javascript"> $(document).ready(function() { $("#owl-one-slider .item").css('display', 'block'); $("#owl-one-slider").owlCarousel({ navigation : true, // показывать кнопки next и prev slideSpeed : 300, paginationSpeed : 400, items : 1, itemsDesktop : false, itemsDesktopSmall : false, itemsTablet: false, itemsMobile : false, autoPlay: true, navigationText: false // Удаляет текст с кнопок навигации }); }); </script>
где скорость смены слайдов отвечает значение
slideSpeed : 300,
paginationSpeed : 400,
#10
Отправлено 09 Февраль 2015 - 18:50
#11
Отправлено 10 Февраль 2015 - 01:56
<script type="text/javascript"> $(document).ready(function() { $("#owl-one-slider .item").css('display', 'block'); $("#owl-one-slider").owlCarousel({ navigation : true, // показывать кнопки next и prev slideSpeed : 300, paginationSpeed : 400, items : 1, itemsDesktop : false, itemsDesktopSmall : false, itemsTablet: false, itemsMobile : false, autoPlay: true, navigationText: false // Удаляет текст с кнопок навигации }); }); </script>замените на:
script type="text/javascript"> $(document).ready(function() { $("#owl-one-slider .item").css('display', 'block'); $("#owl-one-slider").owlCarousel({ navigation : true, // показывать кнопки next и prev slideSpeed : 300, paginationSpeed : 400, items : 1, itemsDesktop : false, itemsDesktopSmall : false, itemsTablet: false, itemsMobile : false, autoPlay: 5000, navigationText: false // Удаляет текст с кнопок навигации }); }); </script>
в дальнейшем для настройки скорости изменяйте значение у параметра autoPlay
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных