A webpage with multiple sliding images of houses.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
var slider = $('#slider').bxSlider({
|
|
|
|
auto: true,
|
|
|
|
controls: true,
|
|
|
|
slideMargin: 70,
|
|
|
|
infiniteLoop: true,
|
|
|
|
mode: 'horizontal',
|
|
|
|
autoDirection: 'next',
|
|
|
|
responsive: true,
|
|
|
|
preloadImages: 'all',
|
|
|
|
autoDelay: 0,
|
|
|
|
randomStart: false,
|
|
|
|
pager: false,
|
|
|
|
moveSlideQty: 1,
|
|
|
|
adaptiveHeight:true,
|
|
|
|
useCSS: false,
|
|
|
|
speed: 750,
|
|
|
|
slideSelector: 'div.item',
|
|
|
|
minSlides: 3,
|
|
|
|
maxSlides: 3,
|
|
|
|
moveSlides: 1,
|
|
|
|
slideWidth: 1000,
|
|
|
|
nextSelector: '#slider-next',
|
|
|
|
prevSelector: '#slider-prev',
|
|
|
|
nextText: '<i class="fa fa-arrow-circle-right fa-3x"></i>',
|
|
|
|
prevText: '<i class="fa fa-arrow-circle-left fa-3x"></i>',
|
|
|
|
onSlideBefore: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
|
|
|
|
var progressLength = (currentSlideHtmlObject +1) * 16.8 + '%';
|
|
|
|
$('.progress span').css('max-width','calc(15px + ' + progressLength + ')')}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|