Question

I have created jquery image slider and it is working good. However i have problems with showing thumbnail images in my slider. This is my problem: under my slider are four thumbnail images and on every slide you can see witch image is “active” but my thumbnails (for now they are just letters) are working only until last slide and then it brakes:(

Here is THE FIDDLE with full code.

Here’s my code for selecting thumbnails:

Can someone help me please?
Thank you!!!

  /*CODE WORKING UNTIL LAST SLIDE*/
 $('.control_active').removeClass('control_active').next('li').addClass('control_active');
      <!--------------------------------------------------------------------------------->

Answer 1

I have made really simple solution of my problem:)
Basically i am checking is there a class on the last li tag. If there is a class on last li tag add class to first li ,but only when first image starts again its animation… Here’s the WORKING FIDDLE.

And here’s the code:

   /*THIS CODE IS WORKING LIKE A CHARM YEEEY!!!*/ 
   <!----------------------------------------------->         
$('.control_active').removeClass('control_active').next('li').addClass('control_active');
if ($('.textcontrols ul li:last').hasClass('control_active')) {
  $('.textcontrols ul li:first').addClass('control_active');
 }
<!-------------------------------------------->