Amjad Ali
Amjad Ali
This works. ```javascript onItemSwitch: function(currentItem, previousItem) { jQuery('.flipster__button--next, .flipster__button--prev').removeClass('disabled') if (!jQuery(currentItem).siblings('.flipster__item--future').length) { console.log('Hide Next'); jQuery('.flipster__button--next').addClass('disabled') } if (!jQuery(currentItem).siblings('.flipster__item--past').length) { console.log('Hide Previous'); jQuery('.flipster__button--prev').addClass('disabled') } } ```
Use css to hide disabled arrows ```javascript .flipster__button--prev.disabled, .flipster__button--next.disabled { display: none; } ```
@Tebbott Two Possible Fixes: S1- Remove start:0, ```javascript jQuery(".featured-slider").flipster( { itemContainer:"ul", itemSelector:"li", start:0,-----------> Remove fadeIn:400, ``` S2- Code Updated: 1: When you first arrive at the page, both arrows are...
Welcome. On Thu, May 10, 2018, 3:54 PM Andrew Tebbott wrote: > You sir, are an absolute legend. There was one slight issue with the code, > but it was...