Javascript Lightbox 2 Issue

Question

Я новичок в этом, поэтому, пожалуйста, будьте осторожны с объяснением. Я использую файл jQuery Lightbox 2 вместе с другим файлом jQuery для выполнения анимации слайдов меню и анимации затухания на моих изображениях. Я предполагаю, что существует конфликт между двумя файлами jQuery, но я не уверен, как его разрешить.

Любые советы? Я прочитал кое-что о jQuery.noConflict(), но я не уверен, как его реализовать, или если он будет работать.

<script src="../Scripts/jquery-2.0.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $('div#ScrollBox img').animate({ 
     opacity:.5 
    }); 
    $('div#ScrollBox img').hover(function(){ 
    $(this).stop().animate({opacity:1}, 'fast'); 
    }, function(){ 
     $(this).stop().animate({opacity:.5}, 'slow'); 
    }); 
}); 

</script> 

<!--LIGHTBOX--> 
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/lightbox-2.6.min.js"></script> 
<link href="css/lightbox.css" rel="stylesheet" /> 

Answer 1

Есть ли причина, в которой вы нуждаетесь? Они должны иметь примерно такой же код, поэтому вам нужно только включить его. Я бы использовал то, что было последним.

Это поможет, если вы включили в свой пост строки кода, в которых вы явно добавляете их, чтобы мы могли видеть, что вы делаете.

Answer 2

Похоже, вы загружаете две разные версии jQuery (1.10.2 и 2.0.2), что, я считаю, вызывает проблему. Я бы рекомендовал удалить скрипт jQuery 1.10.2 и один из следующих (в порядке усилий, если вы хотите попробовать все 3): -see, если ваш плагин для фотошопа все еще работает -используйте более новую версию того же lightbox -use different lightbox, например fancybox

В любом случае убедитесь, что ваш конечный результат имеет только одну версию загружаемого jQuery.