В настоящее время я пытаюсь создать веб-сайт с двумя плагинами для слайдеров jquery, эти слайдеры работают по-разному, но у меня ничего не вышло. Ранее я реализовал оба слайда отдельно, и они хорошо работают во всех браузерах, но не тогда, когда я пытаюсь реализовать их на одной странице, будет работать только простой слайдер, но не слайдер nivo.
Я пытался найти некоторые подсказки в Интернете, но я уверен, что, будучи новичком в jQuery или даже в java, я не нашел ответа на свою проблему и, чтобы быть реалистичным, я попробовал большинство решений, которые они предлагают, но тщетно. Особенно строка кода «без конфликтов», поэтому мой крик здесь.
Это мой код jQuery на сайте:
<script type="text/javascript" src="jquery 1.2.3.js"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider2").easySlider({
auto: true,
continuous: true
});
});
</script>
Вот что Firebug показывает мне:
Webpage error details
Message: 'undefined' is null or not an object
Line: 12
Char: 388
Code: 0
URI: file:///D:/...../jquery.nivo.slider.pack.js
Весь код строки 12 ниже, как в файле jquery.nivo.slider.pack.js:
Math.round(e.width()/f.slices);k==f.slices-1?e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:e.width()-p*k+"px"})):e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:p+"px"}))}e.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:f.captionOpacity}));if(g.currentImage.attr("title")!=""){k=g.currentImage.attr("title");if(k.substr(0,1)=="#")k=a(k).html();a(".nivo-caption p",e).html(k);a(".nivo-caption",e).fadeIn(f.animSpeed)}var l=
Что следует отметить:
- Когда я пытаюсь использовать последнюю версию jquery, простой слайдер портится
- Я решил не добавлять
<script src="http://ajax.googleapis.com /ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>, так как это будет повторять вызов jquery ...
- 2 рассматриваемых слайдера; слайдер изображений nivo, а другой - простой слайдер для новостей, который продолжает скользить влево или даже вправо, поскольку у него есть кнопки «следующий» и «предыдущий» ...
Любая помощь приветствуется.