title: Fade in img's onLoad - Caroufredsel
body: <p>I am using the Caroufredsel plug-in for a gallery I have and would like to have the images in the gallery fade in on page load. </p>
  
  <p>Here is a link to the gallery: <a href="http://tamedia.ca/marlowe/collection-aw12.html" rel="nofollow">http://tamedia.ca/marlowe/collection-aw12.html</a></p>
  
  <p>This is the script I have used to initiate the plug-in:</p>
  
  <pre><code>$(window).load(function() {
      $("#thumbs").carouFredSel({
          synchronise: ['#images', false, true],
          width: "100%",
          height: 145,
          items: {
              width: 95,
              height: 145,
              visible: 19,
              start: -9
          },
          scroll: {
              items: 1,
              pauseOnHover: true
          },
          auto: 5000,
          debug: true,
          prev: {
              button: "#prev-thumbs",
              key: "left"
          },
          next: {
              button: "#next-thumbs",
              key: "right"
          }
      });
  
      $('#images').carouFredSel({
          auto: false,
          items: 1,
          scroll: {
              fx: 'fade'
          }
      });
  
  }); 
  </code></pre>