Показать сообщение отдельно
  #1 (permalink)  
Старый 18.07.2015, 04:42
Аватар для Baton1777
Интересующийся
Отправить личное сообщение для Baton1777 Посмотреть профиль Найти все сообщения от Baton1777
 
Регистрация: 08.03.2015
Сообщений: 26

bxslider булиты(представления) в виде слайдера
Доброго времени суток.
Есть задача, представить булиты(или представления) на слайдере, что бы они менялись вслед за слайдом, в виде перетекающего, зацикленного, текста.

http://prntscr.com/7tzqd7

Пробовал совместить как два слайдера, с установкой pagerCustom, но после задания второго слайдера, поехала внутренняя индексация, причем не для самих отображений, а для задаваемого самим скриптом класса "active".
Имеет ли смысл пытаться совмещать слайдеры дальше, или лучше покопаться в коде и попробовать совместить их перетекание?
Если да - то как лучше это сделать? Переписывать bxslider заново что-то не хочется)
Как понимаю, надо оставлять pagerCustom и копать в сторону развития данного места скрипта?:

/**
		 * Populates the pager with proper amount of pages
		 */
		var populatePager = function(){
			var pagerHtml = '';
			var pagerQty = getPagerQty();
			// loop through each pager item
			for(var i=0; i < pagerQty; i++){
				var linkContent = '';
				// if a buildPager function is supplied, use it to get pager link value, else use index + 1
				if(slider.settings.buildPager && $.isFunction(slider.settings.buildPager)){
					linkContent = slider.settings.buildPager(i);
					slider.pagerEl.addClass('bx-custom-pager');
				}else{
					linkContent = i + 1;
					slider.pagerEl.addClass('bx-default-pager');
				}
				// var linkContent = slider.settings.buildPager && $.isFunction(slider.settings.buildPager) ? slider.settings.buildPager(i) : i + 1;
				// add the markup to the string
				pagerHtml += '<div class="bx-pager-item"><a href="" data-slide-index="' + i + '" class="bx-pager-link">' + linkContent + '</a></div>';
			};
			// populate the pager element with pager links
			slider.pagerEl.html(pagerHtml);
		}
Ответить с цитированием