Конфликт 2 скриптов

363
01 января 2018, 10:35

Здравствуйте! у меня следующая проблема! использовал 2 скрипта (1-й для слайдера-карусели, а 2-й для лайтбокса), на страницах без слайдера лайтбокс работает, а если вместе - работает только слайдер

Я новичок в этих вопросах(

подскажите пожалуйста в чем может быть проблема и как попробовать исправить?

<link href="/slick/slick.css" rel="stylesheet" type="text/css" />
<link href="/slick/slick-theme.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script><script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script><script type="text/javascript" src="/slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.variable-width').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 2,
centerMode: true,
adaptiveHeight: true,
variableWidth: true,
});
});
<div class="variable-width">
<div class="eMessage"><img src="/Images/1.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div>
<div class="eMessage"><img src="/Images/2.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div>
<div class="eMessage"><img src="/Images/3.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div>
<div class="eMessage"><img src="/Images/4.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div>
<div class="eMessage"><img src="/Images/6.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div>
</div>
</script><script type="text/javascript">
$(".eMessage img").each(function(){ 
if($(this).attr("src").length>0){ 
var title=typeof this.title!="undefined"?(' title="'+this.title+'"')typeof this.alt!="undefined"?(' title="'+this.alt+'"'):""); 
$(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>'); 
}; 
});
</script>

ссылка на страницу http://psyprofy.ucoz.net/index/o-nas/0-5

READ ALSO
Выровнять текст по центру (по вертикали) у div с display: inline-block

Выровнять текст по центру (по вертикали) у div с display: inline-block

Выровнять текст по центру (по вертикали) у div с display: inline-blockПри использовании vertical-align меняется положение самого блока

336
Вопрос по индексации таблиц MySql.

Вопрос по индексации таблиц MySql.

Есть такая таблица:

241
Консольная игра ошибка на C#

Консольная игра ошибка на C#

Всех поздравляю с наступающим!!! Учусь C# и вот решил написать консольную игру простенькую, подскажите пожалуйста что в моём коде не так то есть...

275