lightgallery для instantcms2

Ребята, а я с обычным своим вопросом — под 1.10.1 или вообще под первую ветку кто-то переделывал?

pipkis, Благодарю за предложение помощи! Не хотел напрягать, неспеша сам прикручивал и все получилось. Но столкнулся с другой проблемой в которой уже действительно требуется помощь. Проблема — открываем фотоальбом например с 300-ста фото, на первой странице их выводится 20, при просмотре, пролистывании в окне lightgallery (как кстати и в окне лайтбокса) он листает только те 20 фото что есть на данной странице, а не весь альбом. Как это решить? Чтобы он брал выборку изображений из базы, а не из тела сформированной html страницы?

<div class="value uk-thumbnav uk-grid-width-1-6">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/8de39419.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/1e99c636.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/b9bbe683.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/cec1b5e2.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/db4bdc11.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/9922651a.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/2863a6b9.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/dda27070.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/8774f459.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/df013a62.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/02f1be9d.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/f0802744.jpg">

$('.uk-grid-width-1-6').lightGallery({
	selector:'a.second_type_images',
    hash: false
    }); 

Подскажите, как его подцепить к комментариям?

Подскажите, как его подцепить к комментариям?

Fancybox разве не лучше?

Подскажите, как его подцепить к комментариям?

Сделал. В моем случае надо было заменить в конфиге text на icms-comment-html

// Слайдер для комментариев, стены, и стены группы)
$(".icms-comment-html img").wrap( function(){
    var ahref = $( '<a href="' + $( this ).attr( 'src' ) + '" />').addClass («parent-container»);
    return ahref;
});    
$(".icms-comment-html img").addClass('parent-img');

$('.icms-comment-html').lightGallery({
    selector:'a.parent-container',
    hash: false        
    }); 

Fancybox разве не лучше?

А он цепляется к комментариям? И чем лучше?

Подскажите, как его подцепить к комментариям?

Сделал. В моем случае надо было заменить в конфиге text на icms-comment-html

// Слайдер для комментариев, стены, и стены группы)
$(".icms-comment-html img").wrap( function(){
    var ahref = $( '<a href="' + $( this ).attr( 'src' ) + '" />').addClass («parent-container»);
    return ahref;
});    
$(".icms-comment-html img").addClass('parent-img');

$('.icms-comment-html').lightGallery({
    selector:'a.parent-container',
    hash: false        
    }); 

Fancybox разве не лучше?

А он цепляется к комментариям? И чем лучше?

Ну его можно сделать как галереей, так и для просмотра в модалке одиночного изображения.

Для тех, кто будет искать, как убрать эффект увеличения с «картинки для привлечения внимания». Потому, что он там может быть вообще ни к месту. Если у вас шаблон modern, просто закомментируйте в lg-general.js:

// Слайдер для блога,статьи,новости главная фотка)
//$("#f_photo").removeClass("ft_image");
//$(".ft_image img").wrap( function(){
//	var ahref = $( '<a href="' + $( this ).attr( 'src' ) + '" />').addClass ("parent-post");
//	return ahref;
//});	
 
//$('.ft_image').lightGallery({
//	selector:'a.parent-post',
//    width: '700px',
//    height: '470px',
//    mode: 'lg-fade',
//    addClass: 'fixed-size',
//  counter: false,
//    download: true,
//	hash: false,	
//    startClass: '',
//    enableSwipe: false,
//    enableDrag: false,
//	actualSize:false,
//	fullScreen:false,
//	zoom:false,
//    speed: 500
//});

Тогда при клике на «картинку для привлечения внимания» снова будет открываться пост, как раньше, а иначе происходит открытие этой картинки в модальном окне.

Открываем main.tpl.php
Добавляем между <head> </head>

Оказывается, можно не редактировать main.tpl.php, а вписать в /admin/settings/theme/modern во вкладке <head>

<script src="/templates/modern/lightgallery/lightgallery-all.min.js" ></script>
<script src="/templates/modern/lightgallery/lg-general.js" ></script>
<link rel="stylesheet" type="text/css" href="/templates/modern/lightgallery/lightgallery.css">

И не забыть там же во вкладке «Общие настройки» внизу включить «Подключать JavaScript в head страницы».