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.
|
|
|
|
window.onload=function() {
|
|
|
|
|
var element = document.getElementById("myBar");
|
|
|
|
|
var width = 1;
|
|
|
|
|
var identity = setInterval(scene, 10);
|
|
|
|
|
function scene() {
|
|
|
|
|
if (width >= 100) {
|
|
|
|
|
clearInterval(identity);
|
|
|
|
|
} else {
|
|
|
|
|
width++;
|
|
|
|
|
element.style.width = width + '%';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$('#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>'
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
