title: Conflicting JQuery/Javascript Scripts
body: <p>I am using an image slider that comes with its own javascript libraries and script:</p>
  
  <pre><code>&lt;script type='text/javascript' src='Slider/Scripts/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='Slider/Scripts/jquery.mobile.customized.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='Slider/Scripts/jquery.easing.1.3.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='Slider/Scripts/camera.min.js'&gt;&lt;/script&gt;
  &lt;script&gt;
          jQuery(function(){
  
              jQuery('#camera_wrap_1').camera({
                  thumbnails: true
              });
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>but at the same time I am using a script that resizes my content div so to fit the window size:</p>
  
  <pre><code>&lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript'&gt;
  
  $(window).load(function(){
  $(window).resize(function(){
     var height = $(this).height() - $("#Header").height() - $("#Footer").height()
     $('#Content').height(height);
  })
  
  $(window).resize(); //on page load
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The bottom script works, however, as long as I have <code>&lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'&gt;&lt;/script&gt;</code>in my code (without which the bottom script won't work), the top script won't work, and the slider will not appear.</p>
  
  <p>I have looked at previous (similar) questions, including <a href="https://stackoverflow.com/questions/17674236/conflicting-jquery-scripts">this one</a>, which is caused by the same image slider, but I cant seem to find a solution. If anyone has any suggestions on how to fix this issue, I would appreciate it heaps.</p>