title: jQuery disable/stop vTicker plugin
body: <p>I'm using <a href="http://plugins.jquery.com/project/vTicker" rel="nofollow">vTicker</a>, a jQuery plugin that allows you to have a vertical news ticker/scroller on a page.</p>
  
  <p>I don't have any problems getting it to work but I am having problems trying to destroy it.</p>
  
  <p>On my website, I have 6 images in an &lt; li > (necessary for vTicker to work) and 4 &lt; li >
  (so a total of 4 rows of 6 images each)</p>
  
  <p>Thing is that when the user resizes the browser, I also resize the images but the vTicker doesn't recalculate the height of the element.</p>
  
  <p>What I need to do is :
  1) When the browser is resized, I need to disable / destroy the current instance of vTicker and reinitialize a new one so that it can recalculate the correct heights for each element.</p>
  
  <p>I managed to make it stop by manually editing the vTicket plugin code by adding before the "return"</p>
  
  <pre><code>$.fn.extend({
    clear: function() {
      clearInterval(interval);
    }
  });
  </code></pre>
  
  <p>I can then stop the moving by calling something like </p>
  
  <pre><code>$vTicker.clear(); //where $vTicket i defined as $vticker = $('selector').vTicker({...});
  </code></pre>
  
  <p>But then when I try to reinitialize the plugin (creating a new instance), it's as if both my instances become active... so I have twice the movement</p>
  
  <p>Any idea how I would do this ? Let me know if it's unclear.</p>
  
  <p>Thanks</p>