title: How to make SpriteSpin responsive?
body: <p>Site i am working on is made with twitter bootstrap and is fully responsive. I have successfully made SpriteSpin to work with my site but there is a problem, i can't make it responsive as rest of my site because it adds inline css to div where the image is.</p>
  
  <p>JS looks like this:</p>
  
  <p>First it calls images:</p>
  
  <pre><code>$(function(){
    var frames = [
        "folder/image.jpg",
        (other images)
      ];
  </code></pre>
  
  <p>Then this:</p>
  
  <pre><code> $("#mali").spritespin({
      width     : 960,
      height    : 540,
      (other code)
    });
  </code></pre>
  
  <p>How can i change this fixed width and height and put there css class or w/h to 100% so that is responsive.</p>
  
  <p>I already tried to add css class to container with this but no success:</p>
  
  <pre><code>$( "div" ).addClass( "myClass" );
  </code></pre>
  
  <p>I believe the problem here is that the script somehow adds inline css </p>
  
  <pre><code>&lt;div class="spritespin spritespin-instance" unselectable="on" style="overflow: hidden; position: relative; width: 480px; height: 327px;"&gt;
  </code></pre>
  
  <p>You can see it on official SpriteSpin website (link below) when using inspect element on Bicycle image.</p>
  
  <p>Help me fix this issue or suggest me other 360 image sprite spin solution that is responsive and works on mobile touch.</p>
  
  <p>SpriteSpin: <a href="http://spritespin.ginie.eu/" rel="nofollow">http://spritespin.ginie.eu/</a></p>