Я использую слайдер jquery bx.
когда я использую три изображения в li, я вижу три точки.
но когда я использую одно изображение, он не должен показывать одну точку.
я понял, используя pager: false
будет скрывать точки.
но я использую только один код js, поэтому это должно динамически меняться.
Я пытаюсь реализовать в моем cms, где я пытаюсь изменить его на одно и несколько изображений.
можете ли вы, ребята, сказать мне, как это исправить.
предоставление кода ниже /jquery.bxslider.js
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);
}
Это простой javascript, который будет видеть, сколько точек есть, и если оно меньше 2 (т.е. 1), оно скроет эту точку.
var elements = document.getElementsByClassName('bx-pager-link');
if(elements.length < 2){
for (var i in elements) {
if (elements.hasOwnProperty(i)) {
elements[i].style.display= 'none';
}
}
}
Протестировано на http://bxslider.com/