Адаптивный шаблон.
Адаптивный слайдер, на мобильных устройставх перелистывается пальцем.
С анимацией, позиции подгружаются по мере прокрутки страницы.
Натянул на Инстант с одного урока, внизу шаблона есть линк на этот урок.
Шаблон не претендует на профессиоанльный уровень.
Шаблон "болванка", для переделки под разные проэкты.
У кого есть желния может поменять как хочет.
Для меню в прописать шаблон — menu-sunny
Для слайдера прописать шаблон — slider-jssor
Demo
Скачать
Одну позицию пропустил, архив обновил
Адаптивный слайдер, на мобильных устройставх перелистывается пальцем.
С анимацией, позиции подгружаются по мере прокрутки страницы.
Натянул на Инстант с одного урока, внизу шаблона есть линк на этот урок.
Шаблон не претендует на профессиоанльный уровень.
Шаблон "болванка", для переделки под разные проэкты.
У кого есть желния может поменять как хочет.
Для меню в прописать шаблон — menu-sunny
Для слайдера прописать шаблон — slider-jssor
Demo
Скачать
Одну позицию пропустил, архив обновил
1) Чтобы появление блоков грузились по скроллу, когда расстояние к блоку больше-равно полэкрана, + повесить появление блоков на скролл, но не таймаутом делать.
2) Убрать из цикла постоянное присваивание overflow:hidden блоку clients-info.
3) Сделать закрытие меню по клику на текст (в данном случае имеется в виду меню возле логина, с пунктом "More").
По css - задать padding:0 телу виджета главного слайдера.
Если по каким-то причинам так нельзя, тогда скриптом:
$('ul.flexnav').attr('data-breakpoint', '800');
Ну и вызывать скрипт до инициализации плагина flexnav.
Это в js:
$('ul.flexnav').find('.touch-button').on('click', function() {
$(this).parent().parent().find('ul').hide();
$(this).parent().children('ul').show();
});
Это в css:
.flexnav {
position: relative;
z-index: 99;
}
Пишите в ЛС в случае чего.