Всем доброго времени суток!)
Сам я в jquery пока что нуль, и обращаюсь к знающим людям за подсказкой. На сайте присутствует слайдер, мне понадобилось подключить второй на эту же страницу, как только включаю второй, первый перестает работать. Проштудировав google понял что у меня подключено две версии библиотеки query, оставил в head одну 1.7.2, но теперь не работает второй слайдер. Подскажите в чем может быть проблема.
Вот что в head
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
Так подключаю второй слайдер
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<img src="slider/images/kitchen_adventurer_cheesecake_brownie.jpg" />
</li>
<li>
<img src="slider/images/kitchen_adventurer_lemon.jpg" />
</li>
<li>
<img src="slider/images/kitchen_adventurer_donut.jpg" />
</li>
<li>
<img src="slider/images/kitchen_adventurer_caramel.jpg" />
</li>
</ul>
</div>
</section>
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="slider/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>