Пытаюсь приживить на одной странице два скрипта. Один — page transitions (
пример), другой — image slider (по-моему, это Revolver Sliding Website Plugin) (
пример).
Код:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.address.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/sliding_min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#menu ul li").slidingPage({
easing: 'easeInOutQuint',
speed: 1500, //скорость смены страниц
slideScroll : 'horizontal',
top : 80 //высота шапки
});
});
</script>
<script type="text/javascript" src="js/nivo.slider.js"></script>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
$('#slider').nivoSlider({});
});
</script>
Вместо
$.noConflict();
jQuery(document).ready(function($) {
подставлял
$(document).ready(function($) {
В любом случае страница сыпется. Удаляю один скрипт — второй работает без проблем. Более того, вместо Nivo slider пробовал подсунуть другие слайдеры (bxSlider, например). Результат тот же.
Может ли кто-нибудь изучить код скрипта page transitions и выяснить причину его "конфликтности"? Или может быть есть другие, более "уживчивые" скрипты на эту тему?
