hi there, i'm having a problem when I set to true hashlinking. the problem is when i scroll from slide 1 to slide 2, the slider jumps to the slide 3.
that's not happening from to 2 to 3, or 3 to 4. just with the first one.
when i set hashlinking to false, the problems dissapears.
this is my code:
$('#slider').liquidSlider({
dynamicTabls: false,
hashLinking:false,
crossLinks:true,
responsive:true,
autoHeight:false,
hoverArrows: false,
mobileNavigation: false,
hideArrowsWhenMobile: false,
keyboardNavigation: true,
onload: function () {
$('body').addClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.nextPanel));
},
pretransition: function() {
//$('body').removeClass('slide-');
$('body').removeClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.prevPanel));
$('body').addClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.nextPanel));
this.transition();
}
});
hi there, i'm having a problem when I set to true hashlinking. the problem is when i scroll from slide 1 to slide 2, the slider jumps to the slide 3. that's not happening from to 2 to 3, or 3 to 4. just with the first one. when i set hashlinking to false, the problems dissapears.
this is my code: $('#slider').liquidSlider({ dynamicTabls: false, hashLinking:false, crossLinks:true, responsive:true, autoHeight:false, hoverArrows: false, mobileNavigation: false, hideArrowsWhenMobile: false, keyboardNavigation: true, onload: function () { $('body').addClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.nextPanel)); }, pretransition: function() { //$('body').removeClass('slide-'); $('body').removeClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.prevPanel)); $('body').addClass('slide-'+this.getFromPanel(this.options.panelTitleSelector, this.nextPanel)); this.transition(); }
});
i can get you an online demo too.
thanks.