i really dont understand where i am going wrong.I've read countless articles including http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/ but still having trouble with multiple versions of jquery not working. either the jquery slideshow doesnt work or the jquery ie select width fix doesnt work! rrghhh
Expand|Select|Wrap|Line Numbers
- <head>
- <link href="/css/styles.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="/ie6pngfix/iepngfix_tilebg.js"></script><!-- ie6 png fix -->
- <script type="text/javascript" src="/js/ddlevelsmenu.js"></script><!-- drop down menu js -->
- <script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script><!-- slideshow jquery file 1 -->
- <script type="text/javascript" src="/js/slides.min.jquery.js"></script><!-- slideshow jquery file 2 -->
- <!-- slideshow jquery controls -->
- <script type="text/javascript">
- jQuery(function () {
- // Set starting slide to 1
- var startSlide = 1;
- // Get slide number if it exists
- if (window.location.hash) {
- startSlide = window.location.hash.replace('#', '');
- }
- // Initialize Slides
- jQuery('#slides').slides({
- preload: true,
- preloadImage: 'img/loading.gif',
- generatePagination: true,
- play: 5000,
- pause: 2500,
- slideSpeed: 1200,
- hoverPause: true,
- // Get the starting slide
- start: startSlide,
- animationComplete: function (current) {
- // Set the slide number as a hash
- // window.location.hash = '#' + current;
- }
- });
- });
- </script>
- <script type="text/javascript">
- var jQuery_1_4_4 = $.noConflict(true);
- </script>
- <script type="text/javascript" src="/js/prototype.js"></script><!-- lightbox aka image viewer js file 1 -->
- <script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script><!-- lightbox aka image viewer js file 2 -->
- <script type="text/javascript" src="/js/lightbox.js"></script><!-- lightbox aka image viewer js file 3 -->
- <script type="text/javascript">
- jQuery.noConflict();
- jQuery(document).ready(function(jQuery) {
- </script>
- <script type="text/javascript" src="/js/test/jquery.1-4-2.min.js"></script>
- <script type="text/javascript" src="/js/test/jquery.ie-select-width.js"></script>
- <!--[if lte ie 6]>
- <script type="text/javascript" src="/js/test/jquery.bgiframe.js"></script>
- <![endif]-->
- <script type="text/javascript">
- $(function ()
- {
- // Set the width via the plugin.
- $('select#fixed-select-no-css').ieSelectWidth
- ({
- width : 200,
- containerClassName : 'select-container',
- overlayClassName : 'select-overlay'
- });
- // Set the width via CSS.
- $('select#fixed-select-css').ieSelectWidth
- ({
- containerClassName : 'select-container',
- overlayClassName : 'select-overlay'
- });
- // Borders and padding etc for Internet Explorer 6/7.
- $('select#select-styleable').ieSelectWidth
- ({
- containerClassName : 'select-container',
- overlayClassName : 'select-overlay'
- });
- });
- </script>
- <script type="text/javascript">
- var jQuery_1_4_2 = $.noConflict(true);
- </script>
- <!-- Share this button script -->
- <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'c0b04a1e-f627-42e8-b040-cbfb63bd9b1c'});</script>
- <script type="text/javascript" src="/js/showtab.js"></script>
- </head>
please advise
Omar.