jCarouselLite + prototype + Opera != работает
Использую на сайте несколько библиотек и плагинов
<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. Как устранить этот конфликт? |
гуглить в сторону jQuery.noConflict()
|
Часовой пояс GMT +3, время: 01:56. |