lightgallery в полях ft_html, text, ft_image типа контента
- Предыдущая
- 1
- 2
- Показаны 16-28 из 28
Ребята, а я с обычным своим вопросом — под 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', });
Без rel="gal" все отлично работает
Подскажите, как его подцепить к комментариям?
Подскажите, как его подцепить к комментариям?
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 страницы».
- Предыдущая
- 1
- 2
- Показаны 16-28 из 28