|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » В комментария, открывать фото через ulightbox (Подскажите) |
В комментария, открывать фото через ulightbox |
Здравствуйте! Подскажите, в комментарих пользователь, оставил фото.
Подскажите как верно сделать, что бы картинка при клике открывалась в ulightbox Я сдела, но при закрытие картинка пропадает вот два варианта Код $(".класс img").parent().addClass("ulightbox"); }); и Код $(".класс img").addClass("ulightbox"); }); они работают, но при закрытие, пропадает картинка в комментарии |
Подскажите как верно сделать, что бы картинка при клике открывалась в ulightbox Попробуйте так: Код $('.класс_блока_комментария img').replaceWith(function(){ return '<a href="' + $(this).attr('src') + '" class="ulightbox"><img src="' + $(this).attr('src') + '" title="Нажмите для увеличения картинки" alt=""></a>'; }); |
Likbezz_Flesh, спасибо, большое, всё работает!!!
Добавлено (16 Май 2017, 03:37:19) Код .attr('rel', 'gallery') |
Да, так, по идее: Код $('.класс_блока_комментария img').replaceWith(function(){ return '<a href="' + $(this).attr('src') + '" class="ulightbox" rel="gallery"><img src="' + $(this).attr('src') + '" title="Нажмите для увеличения картинки" alt=""></a>'; }); |
Подставил, листается, но с багами (несколько раз приходится нажимать на кнопку, стрелку), у меня ещё такой скрипт стоит, он тоже листает фото, может из за него конфликт? Код <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
|
| |||
| |||