title: Javascript Lightbox 2 Issue
body: <p>I'm quite new at this, so please be thorough with the explanation. 
  I'm using the Lightbox 2 jQuery file, along with another jQuery file to execute a menu slide animation and a fade animation on my images. 
  I'm assuming that there is conflict between the two jQuery files, but I'm not sure how to resolve it. </p>
  
  <p>Any advice? I read something about jQuery.noConflict(), but I'm not sure how to implement it, or it if will work. </p>
  
  <pre><code>&lt;script src="../Scripts/jquery-2.0.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
      $('div#ScrollBox img').animate({
          opacity:.5
      });
      $('div#ScrollBox img').hover(function(){
      $(this).stop().animate({opacity:1}, 'fast');
      }, function(){
          $(this).stop().animate({opacity:.5}, 'slow');
      });
  });
  
  &lt;/script&gt;
  
  &lt;!--LIGHTBOX--&gt;
  &lt;script src="js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/lightbox-2.6.min.js"&gt;&lt;/script&gt;
  &lt;link href="css/lightbox.css" rel="stylesheet" /&gt;
  </code></pre>