не знаю как для flexslider, но у slick точно есть методы для перелистывания, а значит можно забить таймер в массив. че то типа этого: https://jsfiddle.net/jvxm0shs/
$(window).scroll(function() {
if ( $(this).scrollTop() > $('твой_якорь').offset().top ) {
$('блок который нужно скрыть').css('display', 'none');
} else {
$('блок который нужно скрыть').css('display', 'block');
}
});
ты прям сам строку скопировал, где в функцию передаются параметры currentSlide и nextSlide - ну тк сравни их и сделай if, чтобы узнать было перелистывание или нет.
slick не причем. он работает нормально. сам сломал стилями своими через position: absolute; и transform: translateX();
без стилей работает нормально: https://jsfiddle.net/oaz9hczh/1/
способ 1: качаешь бутсрап - подключаешь. чинишь косяки верстки после border-box. заменяешь нужные вещи на col и пару запросов в media.
способ 2: все адаптируешь через media.
никак ты не повесишь ссылку на псевдоэлемент. только весь элемент можно обернуть к примеру в ссылку. или сделать его изначально через < a > без href, а потом добавить href.
для того что ты описал - не нужен слайдер. тобишь если ты сделаешь слева большую картинку, а справа блок c overflow-y: scroll; в котором списком будут идти картинки и при клике src передаваться на левый img - ты получишь то что ты хочешь