Перейти к содержанию
Форум поддержки пользователей VamShop

Баннерокрутилка


Рекомендуемые сообщения

Добрый день, на сайте установлена баннерокрутилка, все хорошо работает, но по истечению некоторого времени они начинают бешено меняться. Из за чего это может быть?

Ссылка на сообщение
Поделиться на другие сайты

Здравствуйте!

 

А что значит бешено меняться?!

 

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

Ссылка на сообщение
Поделиться на другие сайты

Бешено менятся - значит меняются картинки без какого либо интервала.

 

Они выводятся в index.html

<div class="promo-gallery">
					<ul class="switcher">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a class="active" href="#">6</a></li>
					</ul>
					<a class="prev" href="#">Prev</a>
					<a class="next" href="#">Next</a>
					<ul class="slide-list">
						<li>
							<img src="{$tpl_path}images/b-1.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-2.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-3.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-4.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-5.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-6.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
						<li>
							<img src="{$tpl_path}images/b-2.jpg" width="804" height="250" alt="image description" />
							<span class="frame">&nbsp;</span>
							<a href="/">&nbsp;</a>
						</li>
					</ul>
                  
				</div>

Наверное благодаря этому js:

function initSlideShow() {
	$('div.promo-gallery').fadeGallery({
		slideElements:'.slide-list li',
		pauseOnHover:true,
		autoRotation:true,
		switchTime:6000,
		duration:650,
		event:'click'
	})
}
jQuery.fn.fadeGallery = function(_options){
	var _options = jQuery.extend({
		slideElements:'div.slideset > div',
		pagerLinks:'ul.switcher li',
		btnNext:'a.next',
		btnPrev:'a.prev',
		btnPlayPause:'a.play-pause',
		pausedClass:'paused',
		playClass:'playing',
		activeClass:'active',
		pauseOnHover:true,
		autoRotation:false,
		autoHeight:false,
		switchTime:3000,
		duration:650,
		event:'click'
	},_options);

	return this.each(function(){
		var _this = jQuery(this);
		var _slides = jQuery(_options.slideElements, _this);
		var _pagerLinks = jQuery(_options.pagerLinks, _this);
		var _btnPrev = jQuery(_options.btnPrev, _this);
		var _btnNext = jQuery(_options.btnNext, _this);
		var _btnPlayPause = jQuery(_options.btnPlayPause, _this);
		var _pauseOnHover = _options.pauseOnHover;
		var _autoRotation = _options.autoRotation;
		var _activeClass = _options.activeClass;
		var _pausedClass = _options.pausedClass;
		var _playClass = _options.playClass;
		var _autoHeight = _options.autoHeight;
		var _duration = _options.duration;
		var _switchTime = _options.switchTime;
		var _controlEvent = _options.event;

		var _hover = false;
		var _prevIndex = 0;
		var _currentIndex = 0;
		var _slideCount = _slides.length;
		var _timer;
		if(!_slideCount) return;
		_slides.hide().eq(_currentIndex).show();
		if(_autoRotation) _this.removeClass(_pausedClass).addClass(_playClass);
		else _this.removeClass(_playClass).addClass(_pausedClass);

		if(_btnPrev.length) {
			_btnPrev.bind(_controlEvent,function(){
				prevSlide();
				return false;
			});
		}
		if(_btnNext.length) {
			_btnNext.bind(_controlEvent,function(){
				nextSlide();
				return false;
			});
		}
		if(_pagerLinks.length) {
			_pagerLinks.each(function(_ind){
				jQuery(this).bind(_controlEvent,function(){
					if(_currentIndex != _ind) {
						_prevIndex = _currentIndex;
						_currentIndex = _ind;
						switchSlide();
					}
					return false;
				});
			});
		}

		if(_btnPlayPause.length) {
			_btnPlayPause.bind(_controlEvent,function(){
				if(_this.hasClass(_pausedClass)) {
					_this.removeClass(_pausedClass).addClass(_playClass);
					_autoRotation = true;
					autoSlide();
				} else {
					if(_timer) clearTimeout(_timer);
					_this.removeClass(_playClass).addClass(_pausedClass);
				}
				return false;
			});
		}

		function prevSlide() {
			_prevIndex = _currentIndex;
			if(_currentIndex > 0) _currentIndex--;
			else _currentIndex = _slideCount-1;
			switchSlide();
		}
		function nextSlide() {
			_prevIndex = _currentIndex;
			if(_currentIndex < _slideCount-1) _currentIndex++;
			else _currentIndex = 0;
			switchSlide();
		}
		function refreshStatus() {
			if(_pagerLinks.length) _pagerLinks.removeClass(_activeClass).eq(_currentIndex).addClass(_activeClass);
			_slides.eq(_prevIndex).removeClass(_activeClass);
			_slides.eq(_currentIndex).addClass(_activeClass);
		}
		function switchSlide() {
			_slides.eq(_prevIndex).fadeOut(_duration);
			_slides.eq(_currentIndex).fadeIn(_duration);
			refreshStatus();
			autoSlide();
		}

		function autoSlide() {
			if(!_autoRotation || _hover) return;
			if(_timer) clearTimeout(_timer);
			_timer = setTimeout(nextSlide,_switchTime+_duration);
		}
		if(_pauseOnHover) {
			_this.hover(function(){
				_hover = true;
				if(_timer) clearTimeout(_timer);
			},function(){
				_hover = false;
				autoSlide();
			});
		}
		refreshStatus();
		autoSlide();
	});
}
Ссылка на сообщение
Поделиться на другие сайты

Такого по умолчанию в VamShop нет.

Это, видимо, Вам кто-то шаблон делал.

 

Видимо, время перехода от одного товара к другому меняется в опции duration

Ссылка на сообщение
Поделиться на другие сайты

Это я понял, но стоит 650, меняется с промежутком, все отлично, сайт висит в вкладке какое то время, открываю вкладку, и там банеры меняются без интервала, хрень какая то... Да шаблон покупал года 2 назад, Телефон уже не поднимают...

Ссылка на сообщение
Поделиться на другие сайты

Вы б хоть ссылку на магазин дали, что б "в-живую" увидеть.

Наверное можно попробовать опцию autoration поменять, на false

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...