title: Add class to specific image in a slider caroufredsel
body: <p>I've a slider which having 6 images and that shows only 3 images at a time using caroufredsel jquery.  I need to add border to the middle slider image (using class). How can I do this? </p>
  
  <p>My code is,</p>
  
  <pre><code>        $('#gallery').carouFredSel({
              width: '100%',
              auto: true,
              items: {
                  visible: 3,
                  start: -1,
  
              },
              swipe: {
                  onMouse: true,
                  onTouch: true
              },
              scroll: {
                  items: 1,
                  duration: 1000,
                  timeoutDuration: 3000
  
              },
  
              prev: '#WorkPrev',
              next: '#WorkNext'
          });
  </code></pre>
  
  <p>html is,</p>
  
  <pre><code>  &lt;div class="galleryWrap"&gt;
          &lt;div id="gallery"&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img1.jpg"/&gt;&lt;/div&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img2.jpg"/&gt;&lt;/div&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img3.jpg"/&gt;&lt;/div&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img4.jpg"/&gt;&lt;/div&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img5.jpg"/&gt;&lt;/div&gt;
              &lt;div class="galleryImage"&gt; &lt;img src="img/slider2img6.jpg"/&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Help me. Thanks for advance</p>