jCarousel и Fancybox

Question

На одной из моих страниц контента я использую плагины jCarousel и Fancybox JQuery.

Проблема в том, что одновременно работает только один из них, поэтому я думаю, что должен быть конфликт.

Используемый код:

<script src="js/jquery.jcarousel.min.js"></script>  
<script>
  jQuery(document).ready(function() {
  jQuery('.showcase').jcarousel({
    start: 1
    });
});
</script>

<script>
$(document).ready(function() {
    $('.fancybox-form').attr("href", "contact.php").fancybox({
      "width" : 400,
      "height" : "90%",
      "autoScale" : false,
      "transitionIn" : "elastic",
      "transitionOut" : "elastic",
      "type" : "iframe"
    }); 
});
</script>

Есть ли конфликт между "jQuery (document) .ready (function ()" скрипта jcarousel и "$ (document) .ready (function ()" скрипта fancybox?

Буду признателен за любую помощь в преодолении конфликта (если это проблема).

Спасибо, Марк.

Answer 1

Похоже, ваша проблема в том, что jCarousel перемещает изображения в поле зрения и из него, что вызывает проблему с fancybox. Поэтому ответ заключается в том, что вы не можете легко использовать оба вместе (без переписывания плагина fancybox).

Я бы посмотрел на использование другой карусели, которая уже имеет встроенную функцию раскрывающегося всплывающего окна.

На заметку, я бы поместил весь код в

jQuery(document).ready(function()

или

$(document).ready(function()

за чистоту.