Использую на сайте несколько библиотек и плагинов
<script type="text/javascript" src="/js/lb2/prototype.js"></script>
<script type="text/javascript" src="/js/lb2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lb2/lightbox.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="/js/jcarousellite_1.0.1.js"></script>
Для корректной работы
<script language="javascript">
jQuery.noConflict();
</script>
Функция для карусели
jQuery(function(){
jQuery(".myCarousel").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 3
});
});
Сама карусель
<div>
<div class="prev"><-</div>
<div class="myCarousel">
<ul>
<li><img src="/img/1.jpg" /></li>
<li><img src="/img/2.jpg" /></li>
<li><img src="/img/3.jpg" /></li>
<li><img src="/img/4.jpg" /></li>
</ul>
</div>
<div class="next">-></div>
</div>
В FF3, IE8 - работает без проблем
В Opera 10.53 - НЕ работает, на месте картинок пусто.
Нашёл причину в строке
<script type="text/javascript" src="/js/lb2/prototype.js"></script>
Если её убрать - работает.
Но тогда не работает LightBox.
Как устранить этот конфликт?
