I am integrating a lightbox gallery into my site and am having an issue with an image slider that is also utilizing jQuery. I know about the jQuery.noConflict() function and how it overrides the $ variable.
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
// Code that uses jQuery's $ can follow here.
});
// Code that uses other library's $ can follow here.
</script>
(http://api.jquery.com/jQuery.noConflict/)
I am new to all of this web stuff. How do I implement this into my <head></head>?