title: adding hover and onclick effect for sliding images?
body: <p>I'm using a jQuery script for sliding images on my <a href="http://www.planzone.fr/" rel="nofollow">website</a>. I don't know how to fix my <code>hover</code> (now it just slides by 1 logo when I need to slide until mouseout) and <code>click</code> effect (which slide by 1 logo) for my "next" and "prev" buttons.</p>
  
  <p>Here is the JavaScript for 2 buttons that I've tried:</p>
  
  <pre><code>if(o.btnPrev)
          $(o.btnPrev).click(function() {
              return go(curr-o.scroll);
          });
  
      if(o.btnNext)
          $(o.btnNext).click(function() {
              return go(curr+o.scroll);
          });
  
      if(o.btnGo)
          $.each(o.btnGo, function(i, val) {
              $(val).click(function() {
                  return go(o.circular ? o.visible+i : i);
              });
          });
  </code></pre>
  
  <p><strong>EDIT</strong> - I found out how to add <code>hover</code> and <code>click</code> events to my buttons, but I still need to add a <code>hover</code> effect on the button that slides logos until <code>mouseout</code>. Can someone point me in the right direction please?</p>
  
  <p><strong>EDIT-2</strong> - there is new jq code, and what i need now is to scroll my logos when mouse is over the arrows until its out,so i want that when im on the arrows its scrolls the logos 1by1 until the coursor is out, for the moment i need to go out and go on the arrow to scroll the next logo and i need also to add the speed of scrolling on mouseover, thnaks..
  New JQ scritp for buttons  </p>
  
  <pre><code>if(o.btnPrev)
          $('#previous').click (function () {
              return go(curr-o.scroll);
          });
  
      if(o.btnNext)
          $('#next').click (function ()  {
              return go(curr+o.scroll);
          });
  
      if(o.btnGo)
          $.each(o.btnGo, function(i, val) {
              $(val).click (function()  {
                  return go(o.circular ? o.visible+i : i);
           });
  </code></pre>
  
  <p>});</p>
  
  <pre><code>    if(o.btnPrev)
          $('#previous').mouseover(function () {
              return go(curr-o.scroll);
          });
  
      if(o.btnNext)
          $('#next').mouseover(function ()  {
              return go(curr+o.scroll);
          });
  
      if(o.btnGo)
          $.each(o.btnGo, function(i, val) {
              $(val).mouseover(function()  {
                  return go(o.circular ? o.visible+i : i);
           });
  
      });
  </code></pre>
  
  <p>and here is JSFiddle with full JQ Script : <a href="http://jsfiddle.net/Lfy6Y/21/" rel="nofollow">http://jsfiddle.net/Lfy6Y/21/</a></p>