Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   jCarouselLite + prototype + Opera != работает (https://javascript.ru/forum/library-toolkit-framework/9573-jcarousellite-prototype-opera-%3D-rabotaet.html)

coder74 25.05.2010 07:06

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.

Как устранить этот конфликт?

e1f 25.05.2010 11:22

гуглить в сторону jQuery.noConflict()


Часовой пояс GMT +3, время: 01:56.