Компания Негабаритоff предоставит в аренду крановое оборудование (автокраны и гусеничные краны) грузоподъемностью от 25 тонн до 3000 тонн, экскаваторы, самосвалы. Доставим нашу технику в любую точку России автомобильным или жд-транспортом.
Грузоподъёмность
Длина стрелы
Автокраны
Заданным параметрам соответствует 0 автокранов
Модель автокрана | Грузоподъёмность | Длина стрелы | Документация |
---|
Грузоподъёмность
Длина стрелы
Гусеничные краны
Заданным параметрам соответствует 0 гусеничных кранов
Модель гусеничного крана | Грузоподъёмность | Длина стрелы | Документация |
---|
var regularSlider3 = document.querySelector('.regular-slider3') // wNumb is their tool to format the number. We us t to format the numbers that appear in the handles var dollarPrefixFormat = wNumb({postfix: ' т', decimals: 0}) var slider3 = noUiSlider.create(regularSlider3, {
step: 5, // two handles start: [25, 3000], // they are connected connect: true, // their minimal difference is 5 - this makes sense, because we want the user to always find items margin: 100, // tooltip for handle 1 and handle 2 tooltips: [dollarPrefixFormat, dollarPrefixFormat], pips: { mode: 'values', values: [25, 3000], stepped: true, density: 100,
format: dollarPrefixFormat },
// start and end point of the slider - we are going to calculate that later based on a set of items range: {min: 25, max: 3000}
})
var regularSlider4 = document.querySelector('.regular-slider4') // wNumb is their tool to format the number. We us it to format the numbers that appear in the handles var dollarPrefixFormat2 = wNumb({postfix: ' м', decimals: 0}) var slider4 = noUiSlider.create(regularSlider4, { step: 5, // two handles start: [20, 144], // they are connected connect: true, // their minimal difference is 5 - this makes sense, because we want the user to always find items margin: 5, // tooltip for handle 1 and handle 2 tooltips: [dollarPrefixFormat2, dollarPrefixFormat2], pips: { mode: 'range', density: 1, format: dollarPrefixFormat2 // format: dollarPrefixFormat }, // start and end point of the slider - we are going to calculate that later based on a set of items range: {min: 27, max: 150} })
var items1 = [ { img1: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LR-3000.png', type1: 'Гусеничный кран Liebherr LR 13000', model1: '13,60 м x 2,45 м x 3,00 м', load1: 3000, olength1: 144, cargo1: ' скачать' }, { img1: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1030.png', type1: 'Автокран Liebherr LTM 1030', model1: '13,60 м x 2,50 м x 1,00 м', load1: 30, olength1: 30, cargo1: ' скачать' }, { img1: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1040.png', type1: 'Автокран Liebherr LTM 1040', model1: '13,60 м / 21,70 м x 2,50 м x 1,00 м', load1: 40, olength1: 30, cargo1: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTF-1040.png', type: 'Автокран Liebherr LTF 1040', model: '13,60 м x 2,50 м x 1 м', load: 40, olength: 30, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1050.png', type: 'Автокран Liebherr LTM 1050', model: '13,60 / 21,70 м x 2,50 м x 1,00 м', load: 50, olength: 40, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1055.png', type: 'Автокран Liebherr LTM 1055', model: '15,00 м x 2,50 м x 1,00 м', load: 55, olength: 40, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1060.png', type: 'Автокран Liebherr LTM 1060', model: '10,00 м /16,00 x 2,50 м x 0,80 м', load: 60, olength: 42, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1070.png', type: 'Автокран Liebherr LTM 1070', model: '8,70 м /14,70 x 2,50 м x 0,90 м', load: 70, olength: 40, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1080.png', type: 'Автокран Liebherr LTM 1080', model: '12,00 м / 19,00 м x 2,50 м x 0,90 м', load: 80, olength: 48, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1090.png', type: 'Автокран Liebherr LTM 1090', model: '12,50 м / 20,50 м x 2,50 м x 0,90 м', load: 90, olength: 52, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1100.png', type: 'Автокран Liebherr LTM 1100', model: '16,50 м / 23,50 м x 2,50 м x 0,95 м', load: 100, olength: 52, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1120.png', type: 'Автокран Liebherr LTM 1120', model: '17,80 м / 52,00 м x 2,50 м x 1,25 м', load: 120, olength: 56, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1130.png', type: 'Автокран Liebherr LTM 1130', model: '16,00 м / 41,00 м x 2,50 м x 1,00 м', load: 130, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1150.png', type: 'Автокран Liebherr LTM 1150', model: '10,00 м / 30,00 м x 2,85 м x 1,10 м', load: 150, olength: 56, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1160.png', type: 'Автокран Liebherr LTM 1160', model: '7,00 м / 12,00 м x 2,50 м x 0,30 м', load: 160, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1200.png', type: 'Автокран Liebherr LTM 1200', model: '7,00 м / 18,00 м x 2,50 м x 0,50 м', load: 200, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1225.png', type: 'Автокран Liebherr LTM 1225', model: '7,50 м / 12,50 м x 2,50 м x 0,40 м', load: 225, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1250.png', type: 'Автокран Liebherr LTM 1250', model: '6,50 м / 10,00 м x 2,50 м x 0,40 м', load: 250, olength: 72, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1300.png', type: 'Автокран Liebherr LTM 1300', model: '6,50 м / 10,00 м x 2,50 м x 0,40 м ', load: 300, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1350.png', type: 'Автокран Liebherr LTM 1350', model: '7,50 м / 15,00 м x 2,50 м x 0,30 м', load: 350, olength: 70, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1400.png', type: 'Автокран Liebherr LTM 1400', model: '7,50 м / 15,00 м x 2,50 м x 0,30 м', load: 400, olength: 60, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/11/LTM-1500.png', type: 'Автокран Liebherr LTM 1500', model: '6,50 м / 20,00 м x 2,85 м x 0,40 м', load: 500, olength: 50, cargo: ' скачать' },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/09/truck-23.png', type: '4-осный тягач + 8-осная телескопическая площадка, отделяемый гузнек', model: '6,50 м / 20,00 м x 2,85 м x 0,40 м', load: 85, olength: 20000, cargo: 0.4 },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/09/truck-24.png', type: '4-осный тягач + 10-осная телескопическая площадка, отделяемый гузнек', model: '6,50 м / 20,00 м x 2,85 м x 0,40 м', load: 95, olength: 20000, cargo: 0.4 },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/09/truck-25.png', type: '4-осный тягач + 12-осная телескопическая площадка, отделяемый гузнек', model: '6,50 м/ 20,00 м x 2,85 м x 0,40 м', load: 110, olength: 20000, cargo: 0.4 },
{ img: 'https://negabaritoff.ru/wp-content/uploads/2018/09/truck-26.png', type: '4-осный тягач + 14-осная телескопическая площадка, отделяемый гузнек', model: '6,50 м/ 20,00 м x 2,85 м x 0,40 м', load: 135, olength: 20000, cargo: 0.4 },
// ... ]
slider3.on('update', function(values1){ let filteredItems1 = filterItems1(items1, values1, slider4.get()) renderItems1(filteredItems1) })
function filterItems1(items1, load1, olength1) { return items1.filter(item => { return (item.load1 >= load1[0] && item.load1 <= load1[1]) && (item.olength1 >= olength1[0] && item.olength1 <= olength1[1]) }) } slider4.on('update', function(values1){ let filteredItems1 = filterItems1(items1, slider3.get(), values1) renderItems1 (filteredItems1) }) function renderItems1(items1) { var counter = document.querySelector('.counter2') counter.innerHTML = `Выбрано моделей гусеничных кранов: ${items1.length1}${items1.length1 = 2 ? '' : ''}` var table = document.querySelector('.results2') table.innerHTML = items1.map(item => `
` ).join('')
}