JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="slider">
        <img src=""/>
    </div> 
    <div class="clear slider"></div>

    <div class="slider ndslider">
        <a href="#" rel="bookmark">
            <img src="#" title=""/>
        </a>
    </div>    

    <div class="slider rdslider">
        <a href="" rel="bookmark">
            <img src="" title=""/>
        </a>
   </div>       
<div class="slider thslider nivoSlider">
    <a rel="bookmark" href="" class="nivo-imageLink" >
        <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" >
    </a>
    <a rel="bookmark" href="" class="nivo-imageLink">
        <img title="" src="http://foursquare.com/img/headerLogo.png">
    </a>
    <a rel="bookmark" href="#" class="nivo-imageLink">
        <img title="" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png">
    </a>
    <div class="nivo-slice"></div>
    <div class="nivo-slice"></div>
    <div class="nivo-slice"></div>
    <div class="nivo-directionNav">
        <a class="nivo-prevNav">Prev</a>
        <a class="nivo-nextNav">Next</a>
   </div>
   <div class="nivo-controlNav">
        <a rel="0" class="nivo-control active">
            <img alt="" src="undefined">
        </a>
        <a rel="1" class="nivo-control">
            <img alt="" src="undefined">
       </a>
        <a rel="2" class="nivo-control">
            <img alt="" src="undefined">
       </a>
   </div>
</div>
</div>

JavaScript

jQuery('.thslider .nivo-imageLink img').each(function (idx) {
         // idx is the index of the image, use the same index for thumbs:
         var $thumb = jQuery(".thslider .nivo-controlNav a img").eq(idx);
         $thumb.attr('src', 'http://saorabh-test1.rtcamp.info/wp-content/themes/twentyten/timthumb.php?src='+ encodeURIComponent(this.src) +'&h=50&w=50&zc=1');
      });