title: Responsive design for feature Carousel js
body: <p>Here is simple slider work:</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="carousel-container"&gt;
  
        &lt;div id="carousel"&gt;
          &lt;div class="carousel-feature left"&gt;
            &lt;a href="#"&gt;
            &lt;img class="carousel-image" alt="Image Caption" src="images/img1.jpg"&gt;&lt;/a&gt;
  
          &lt;/div&gt;
          &lt;div class="carousel-feature middle"&gt;
            &lt;a href="#"&gt;&lt;img class="carousel-image" alt="Image Caption" src="images/img2.jpg"&gt;&lt;/a&gt;
  
          &lt;/div&gt;
          &lt;div class="carousel-feature right"&gt;
            &lt;a href="#"&gt;&lt;img class="carousel-image" alt="Image Caption" src="images/img3.jpg"&gt;&lt;/a&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$(document).ready(function() {
      var carousel = $("#carousel").featureCarousel({
        // include options like this:
        // (use quotes only for string values, and no trailing comma after last option)
        // option: value,
        // option: value
          trackerIndividual:false,
          trackerSummation: false,
          autoPlay:0, 
          largeFeatureWidth :   .5,
          largeFeatureHeight:     .5,
          smallFeatureWidth:    .2,
          smallFeatureHeight:     .2,    
          topPadding:           100,    
          sidePadding:          30
      });
  });
  </code></pre>
  
  <p>and here is the sample: <a href="http://jsfiddle.net/n4brbcpg/" rel="nofollow"><strong>JSFIDDLE</strong></a> (it doesn't work, but in works fine in localhost)</p>
  
  <p>I need to know responsive design, may i know how to change the width of the image dynamically when resize the window.</p>
  
  <p>Thanks,</p>