Is there a way to make my JavaScript slider change its effect from normal to fade when the browser window is less than 800px wide? Any assistance would be greatly appreciated.
<ul class="slider">
<li><img src="images/1" alt="img" width="979" height="470"></li>
<li><img src="images/2" alt="img" width="979" height="470"></li>
<li><img src="images/3" alt="img" width="979" height="470"></li>
</ul>
$('.slider').bxSlider({
navigation : true,
slideSpeed : 300,
paginationSpeed : 400,
mode: 'fade', // Add this line for fade effect
singleItem:true,
});