Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » В комментария, открывать фото через ulightbox (Подскажите)
В комментария, открывать фото через ulightbox
MikhailovCity
Сообщений: 247
Репутация: 22

Сообщение # 1 | 22:55:44
Здравствуйте! Подскажите, в комментарих пользователь, оставил фото.

Подскажите как верно сделать, что бы картинка при клике открывалась в ulightbox

Я сдела, но при закрытие картинка пропадает

вот два варианта

Код
$(".класс img").parent().addClass("ulightbox");  });


и
Код

$(".класс img").addClass("ulightbox");  });


они работают, но при закрытие, пропадает картинка в комментарии
Likbezz_Flesh
Сообщений: 201
Репутация: 41

Сообщение # 2 | 23:14:44
Цитата MikhailovCity ()
Подскажите как верно сделать, что бы картинка при клике открывалась в ulightbox

Попробуйте так:
Код
$('.класс_блока_комментария img').replaceWith(function(){
    return '<a href="' + $(this).attr('src') + '" class="ulightbox"><img src="' + $(this).attr('src') + '" title="Нажмите для увеличения картинки" alt=""></a>';
});

MikhailovCity
Сообщений: 247
Репутация: 22

Сообщение # 3 | 03:37:19
Likbezz_Flesh, спасибо, большое, всё работает!!!

Добавлено (16 Май 2017, 03:37:19)
---------------------------------------------
Likbezz_Flesh, можно ли реализовать перелистование фотографий в комментариях?

это нужно ку да то прописать? Нашёл в интернете

Код
.attr('rel', 'gallery')
Likbezz_Flesh
Сообщений: 201
Репутация: 41

Сообщение # 4 | 05:50:28
Цитата MikhailovCity ()
это нужно ку да то прописать?

Да, так, по идее:
Код
$('.класс_блока_комментария img').replaceWith(function(){
    return '<a href="' + $(this).attr('src') + '" class="ulightbox" rel="gallery"><img src="' + $(this).attr('src') + '" title="Нажмите для увеличения картинки" alt=""></a>';
});

MikhailovCity
Сообщений: 247
Репутация: 22

Сообщение # 5 | 23:12:20
Цитата Likbezz_Flesh ()
rel="gallery


Подставил, листается, но с багами (несколько раз приходится нажимать на кнопку, стрелку), у меня ещё такой скрипт стоит, он тоже листает фото, может из за него конфликт?

Код
<script type="text/javascript">
$(document).ready(function () {
$(".ulightbox")
.attr('rel', 'gallery')
.fancybox({
beforeLoad:function() {
this.title = $(this.element).attr('caption');
}
};);
};);
</script>


Или наверно много на сайте скриптов, попробую найти причину. Спасибо за подсказку.
Сообщение отредактировал MikhailovCity - Вторник, 16 Май 2017, 23:13:23
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » В комментария, открывать фото через ulightbox (Подскажите)
Страница 1 из 11
Поиск: