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.
- <!doctype html>
- <html lang="<?=$lng_html_lang?>">
- <head>
- <meta charset="UTF-8">
- <title><?=$lng_index_pg_title?></title>
- <meta name="keywords" content="<?=$lng_meta_keywords?>">
- <meta name="robots" content="all">
- <!--[if lt IE 9]>
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
- <link rel="stylesheet" type="text/css" href="/common/styles.css">
- <!-- CSS slider -->
- <link rel="stylesheet" type="text/css" href="../news_slide/css/style.css" />
- <link rel="stylesheet" type="text/css" href="../news_slide/css/jquery.jscrollpane.css" media="all" />
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
- <link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
- <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
- <!-- -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
- <link rel='stylesheet' id='camera-css' href='../slider/css/camera.css' type='text/css' media='all'>
- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
- <script type='text/javascript' src='../slider/scripts/jquery.mobile.customized.min.js'></script>
- <script type='text/javascript' src='../slider/scripts/camera.min.js'></script>
- <script>
- jQuery(function(){
- jQuery('#camera_wrap_2').camera({
- height: '400px',
- loader: 'bar',
- pagination: false,
- thumbnails: true
- });
- });
- </script>
- <script type="text/javascript">
- $.noConflict();
- // Code that uses other library's $ can follow here.
- </script>
- </head>
- <body>
- <div id="header">
- <div id="menu">
- <a id="logo" href="http://rusecar-motorsport.com/">
- <img src="/images/logo.png" alt="BMW Сервиз Русе Кар">
- </a>
- <?
- HeaderHorizontalMenu();
- ?>
- <div id="lang">
- <?
- LanguageFlagTopRight();
- ?>
- </div>
- <div style="clear:both;"></div>
- </div>
- </div>
- <div id="empty"></div>
- <div id="holder_content">
-
- <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
- <div data-thumb="../slider/images/slides/thumbs/bridge.jpg" data-src="../slider/images/slides/bridge.jpg">
- </div>
-
- <div data-thumb="../slider/images/slides/thumbs/leaf.jpg" data-src="../slider/images/slides/leaf.jpg">
- </div>
-
- <div data-thumb="../slider/images/slides/thumbs/sea.jpg" data-src="../slider/images/slides/sea.jpg">
- </div>
-
- </div><!-- #camera_wrap_2 -->
-
- </div>
- <div id="empty_footer">
- <div class="container">
- <div id="ca-container" class="ca-container">
- <div class="ca-wrapper">
- <div class="ca-item ca-item-1">
- <div class="ca-item-main">
- <div class="ca-icon"></div>
- <h3>Stop factory farming</h3>
- <h4>
- <span class="ca-quote">“</span>
- <span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>
- </h4>
- <a href="#" class="ca-more">more...</a>
- </div>
- <div class="ca-content-wrapper">
- <div class="ca-content">
- <h6>Animals are not commodities</h6>
- <a href="#" class="ca-close">close</a>
- <div class="ca-content-text">
- <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>
- <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>
- <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
- </div>
- <ul>
- <li><a href="#">Read more</a></li>
- <li><a href="#">Share this</a></li>
- <li><a href="#">Become a member</a></li>
- <li><a href="#">Donate</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="ca-item ca-item-2">
- <div class="ca-item-main">
- <div class="ca-icon"></div>
- <h3>Respect Life & Rights</h3>
- <h4>
- <span class="ca-quote">“</span>
- <span>I hold that the more helpless a creature, the more entitled it is to protection by man from the cruelty of man.</span>
- </h4>
- <a href="#" class="ca-more">more...</a>
- </div>
- <div class="ca-content-wrapper">
- <div class="ca-content">
- <h6>Would you eat your dog?</h6>
- <a href="#" class="ca-close">close</a>
- <div class="ca-content-text">
- <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>
- <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>
- <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
- </div>
- <ul>
- <li><a href="#">Read more</a></li>
- <li><a href="#">Share this</a></li>
- <li><a href="#">Become a member</a></li>
- <li><a href="#">Donate</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="ca-item ca-item-3">
- <div class="ca-item-main">
- <div class="ca-icon"></div>
- <h3>Become 100% meat-free</h3>
- <h4>
- <span class="ca-quote">“</span>
- <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>
- </h4>
- <a href="#" class="ca-more">more...</a>
- </div>
- <div class="ca-content-wrapper">
- <div class="ca-content">
- <h6>You can change the world</h6>
- <a href="#" class="ca-close">close</a>
- <div class="ca-content-text">
- <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>
- <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>
- <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
- </div>
- <ul>
- <li><a href="#">Read more</a></li>
- <li><a href="#">Share this</a></li>
- <li><a href="#">Become a member</a></li>
- <li><a href="#">Donate</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="ca-item ca-item-4">
- <div class="ca-item-main">
- <div class="ca-icon"></div>
- <h3>Make a difference</h3>
- <h4>
- <span class="ca-quote">“</span>
- <span>A man is but the product of his thoughts what he thinks, he becomes.</span>
- </h4>
- <a href="#" class="ca-more">more...</a>
- </div>
- <div class="ca-content-wrapper">
- <div class="ca-content">
- <h6>Think globally, act locally</h6>
- <a href="#" class="ca-close">close</a>
- <div class="ca-content-text">
- <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>
- <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>
- <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
- </div>
- <ul>
- <li><a href="#">Read more</a></li>
- <li><a href="#">Share this</a></li>
- <li><a href="#">Become a member</a></li>
- <li><a href="#">Donate</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript" src="../news_slide/js/jquery.easing.1.3.js"></script>
- <!-- the jScrollPane script -->
- <script type="text/javascript" src="../news_slide/js/jquery.mousewheel.js"></script>
- <script type="text/javascript" src="../news_slide/js/jquery.contentcarousel.js"></script>
- <script type="text/javascript">
- $('#ca-container').contentcarousel();
- </script>
-
- </div>
- <div id="footer">
- <div id="footer_menu">
- <?
- FooterHorizontalMenu();
- ?>
- </div>
- </div>
- <div id="footer_one">
- <div id="footer_two"></div>
- </div>
- </body>
- </html>