Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Как регулировать скорость смены картинок слайдера?


Recommended Posts

измени в \www\catalog\view\theme\default\template\module\slideshow.tpl

<script type="text/javascript"><!--
$(document).ready(function() {
	$('#slideshow<?php echo $module; ?>').nivoSlider();
});
--></script>
на

<script type="text/javascript"><!--
$(document).ready(function() {
	$('#slideshow<?php echo $module; ?>').nivoSlider({
	animSpeed: 500 ,
	pauseTime: 10000
	});
});
--></script>
где pauseTime: 10000 - милисикунд на просмотр

animSpeed: 500 , - скорость смены картинки

Надіслати
Поділитися на інших сайтах

  • 5 weeks later...

Спасибо господину "Продвинутый пользователь" , он же shoma

Сделал как велено, наслаждаюсь...

А потом подумал - нельзя ли как-то количество спецэффектов сократить?

Оставить 3-4 плавных, не раздражающих.

Список эффектов нашёл в catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.js, начиная с 373 строки, а также мелькнули они в catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js

Можно ли как-то удалить ненужные эффекты без вреда для кода и здоровья?

В JS я как свинья в апельсинах.

Надіслати
Поділитися на інших сайтах


из кода удалять не чего не надо! если нужны конкретные настройки то вписывайте атрибут по аналогии с заданием скорости, вот все поддерживаемые атрибуты для ново слайдера

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>
Надіслати
Поділитися на інших сайтах

  • 1 month later...
Гість
Ця тема закрита для публікації повідомлень.
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.