Two jquery plugins in one page

Two jquery plugins in one page

Hello, has been several days i am trying to solve a problem i have. I am trying to put two jquery plugins in one page and make them working together. I have readed alot of information in internet but nothing helped so far. I am completely newbie and any help would be great.

  1. <!doctype html>
  2. <html lang="<?=$lng_html_lang?>">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title><?=$lng_index_pg_title?></title>
  6. <meta name="keywords" content="<?=$lng_meta_keywords?>">
  7. <meta name="robots" content="all">
  8. <!--[if lt IE 9]>
  9. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  10. <![endif]-->
  11. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  12. <link rel="stylesheet" type="text/css" href="/common/styles.css">
  13. <!-- CSS slider -->
  14.         <link rel="stylesheet" type="text/css" href="../news_slide/css/style.css" />
  15.         <link rel="stylesheet" type="text/css" href="../news_slide/css/jquery.jscrollpane.css" media="all" />
  16.         <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
  17.         <link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
  18.         <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
  19. <!-- -->
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  21. <link rel='stylesheet' id='camera-css'  href='../slider/css/camera.css' type='text/css' media='all'>
  22. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
  23. <script type='text/javascript' src='../slider/scripts/jquery.mobile.customized.min.js'></script>
  24. <script type='text/javascript' src='../slider/scripts/camera.min.js'></script>
  25. <script>
  26.     jQuery(function(){
  27.         jQuery('#camera_wrap_2').camera({
  28.         height: '400px',
  29.         loader: 'bar',
  30.         pagination: false,
  31.         thumbnails: true
  32.         });
  33.     });
  34. </script>
  35. <script type="text/javascript">
  36. $.noConflict();
  37. // Code that uses other library's $ can follow here.
  38. </script>
  39. </head>
  40. <body>
  41. <div id="header">
  42.     <div id="menu">
  43.         <a id="logo" href="http://rusecar-motorsport.com/">
  44.             <img src="/images/logo.png" alt="BMW Сервиз Русе Кар">
  45.         </a>
  46.         <?
  47.         HeaderHorizontalMenu();
  48.         ?>
  49.         <div id="lang">
  50.             <?
  51.             LanguageFlagTopRight();
  52.             ?>
  53.         </div>
  54.         <div style="clear:both;"></div>
  55.     </div>
  56. </div>
  57. <div id="empty"></div>
  58. <div id="holder_content">
  59.    
  60.         <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
  61.             <div data-thumb="../slider/images/slides/thumbs/bridge.jpg" data-src="../slider/images/slides/bridge.jpg">
  62.             </div>
  63.        
  64.             <div data-thumb="../slider/images/slides/thumbs/leaf.jpg" data-src="../slider/images/slides/leaf.jpg">
  65.             </div>
  66.            
  67.             <div data-thumb="../slider/images/slides/thumbs/sea.jpg" data-src="../slider/images/slides/sea.jpg">
  68.             </div>
  69.             
  70.         </div><!-- #camera_wrap_2 -->
  71.    
  72. </div>
  73. <div id="empty_footer">
  74.         <div class="container">
  75.             <div id="ca-container" class="ca-container">
  76.             <div class="ca-wrapper">
  77.                 <div class="ca-item ca-item-1">
  78.                     <div class="ca-item-main">
  79.                         <div class="ca-icon"></div>
  80.                         <h3>Stop factory farming</h3>
  81.                         <h4>
  82.                             <span class="ca-quote">&ldquo;</span>
  83.                             <span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>
  84.                         </h4>
  85.                             <a href="#" class="ca-more">more...</a>
  86.                     </div>
  87.                     <div class="ca-content-wrapper">
  88.                         <div class="ca-content">
  89.                             <h6>Animals are not commodities</h6>
  90.                             <a href="#" class="ca-close">close</a>
  91.                             <div class="ca-content-text">
  92.                                 <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>
  93.                                 <p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>
  94.                                 <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
  95.                             </div>
  96.                             <ul>
  97.                                 <li><a href="#">Read more</a></li>
  98.                                 <li><a href="#">Share this</a></li>
  99.                                 <li><a href="#">Become a member</a></li>
  100.                                 <li><a href="#">Donate</a></li>
  101.                             </ul>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="ca-item ca-item-2">
  106.                     <div class="ca-item-main">
  107.                         <div class="ca-icon"></div>
  108.                         <h3>Respect Life &amp; Rights</h3>
  109.                         <h4>
  110.                             <span class="ca-quote">&ldquo;</span>
  111.                             <span>I hold that the more helpless a creature, the more entitled it is to protection by man from the cruelty of man.</span>
  112.                         </h4>
  113.                             <a href="#" class="ca-more">more...</a>
  114.                     </div>
  115.                     <div class="ca-content-wrapper">
  116.                         <div class="ca-content">
  117.                             <h6>Would you eat your dog?</h6>
  118.                             <a href="#" class="ca-close">close</a>
  119.                             <div class="ca-content-text">
  120.                                 <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>
  121.                                 <p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>
  122.                                 <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
  123.                             </div>
  124.                             <ul>
  125.                                 <li><a href="#">Read more</a></li>
  126.                                 <li><a href="#">Share this</a></li>
  127.                                 <li><a href="#">Become a member</a></li>
  128.                                 <li><a href="#">Donate</a></li>
  129.                             </ul>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.                 <div class="ca-item ca-item-3">
  134.                     <div class="ca-item-main">
  135.                         <div class="ca-icon"></div>
  136.                         <h3>Become 100% meat-free</h3>
  137.                         <h4>
  138.                             <span class="ca-quote">&ldquo;</span>
  139.                             <span>I feel that spiritual progress does demand at some stage that we should cease to kill our fellow creatures for the satisfaction of our bodily wants.</span>
  140.                         </h4>
  141.                             <a href="#" class="ca-more">more...</a>
  142.                     </div>
  143.                     <div class="ca-content-wrapper">
  144.                         <div class="ca-content">
  145.                             <h6>You can change the world</h6>
  146.                             <a href="#" class="ca-close">close</a>
  147.                             <div class="ca-content-text">
  148.                                 <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>
  149.                                 <p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>
  150.                                 <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
  151.                             </div>
  152.                             <ul>
  153.                                 <li><a href="#">Read more</a></li>
  154.                                 <li><a href="#">Share this</a></li>
  155.                                 <li><a href="#">Become a member</a></li>
  156.                                 <li><a href="#">Donate</a></li>
  157.                             </ul>
  158.                         </div>
  159.                     </div>
  160.                 </div>
  161.                 <div class="ca-item ca-item-4">
  162.                     <div class="ca-item-main">
  163.                         <div class="ca-icon"></div>
  164.                         <h3>Make a difference</h3>
  165.                         <h4>
  166.                             <span class="ca-quote">&ldquo;</span>
  167.                             <span>A man is but the product of his thoughts what he thinks, he becomes.</span>
  168.                         </h4>
  169.                             <a href="#" class="ca-more">more...</a>
  170.                     </div>
  171.                     <div class="ca-content-wrapper">
  172.                         <div class="ca-content">
  173.                             <h6>Think globally, act locally</h6>
  174.                             <a href="#" class="ca-close">close</a>
  175.                             <div class="ca-content-text">
  176.                                 <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>
  177.                                 <p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>
  178.                                 <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
  179.                             </div>
  180.                             <ul>
  181.                                 <li><a href="#">Read more</a></li>
  182.                                 <li><a href="#">Share this</a></li>
  183.                                 <li><a href="#">Become a member</a></li>
  184.                                 <li><a href="#">Donate</a></li>
  185.                             </ul>
  186.                         </div>
  187.                     </div>
  188.                 </div>
  189.             </div>
  190.         </div>
  191.     </div>
  192.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  193.     <script type="text/javascript" src="../news_slide/js/jquery.easing.1.3.js"></script>
  194.     <!-- the jScrollPane script -->
  195.     <script type="text/javascript" src="../news_slide/js/jquery.mousewheel.js"></script>
  196.     <script type="text/javascript" src="../news_slide/js/jquery.contentcarousel.js"></script>
  197.     <script type="text/javascript">
  198.         $('#ca-container').contentcarousel();
  199.     </script>
  200.    
  201. </div>
  202. <div id="footer">
  203.     <div id="footer_menu">
  204.         <?
  205.         FooterHorizontalMenu();
  206.         ?>
  207.     </div>
  208. </div>
  209. <div id="footer_one">
  210.     <div id="footer_two"></div>
  211. </div>
  212. </body>
  213. </html>