ВОПРОС по UIkit. Как применять UIkit.lightbox к ссылкам с определенным классом? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Предисловие: На Joomla стоял отдельный плагин для lightbox. Но шаблон на UIkit3. С недавнего времени стал изучать UIkit, и увидел там неплохой lightbox., решил избавиться от плагина и внедрить встроенный в UIkit3 lightbox.

В документации написано

<div uk-lightbox>
    <a href="image.jpg" data-caption="Caption"></a>
</div>


Но не хочется каждую картинку оборачивать в div, так как на страницах их много. В итоге "uk-lightbox" я прописал для контейнера всей статьи, но в lightbox стали подгружаться и простые ссылки.

Как инициализировать UIkit.lightbox , чтобы он применялся только к ссылкам с определенным классом?

Что можно сделать? спасибо

по моему так не получится сделать разметкой. там в конце есть использования Lightbox с помощью яваскрипта, думаю вам надо смотреть в сторону этого варианта, открывать нужные ссылки самому скриптом

Несколько месяцев назад столкнулся с такой же проблемой) Удалось решить при помощи небольшого самописного скрипта. Выведите на страницах, где картинки ваши, следующий код:
При клике на любую картинку внутри блока article эта картинка будет открываться в Lightbox.

Несколько месяцев назад столкнулся с такой же проблемой) Удалось решить при помощи небольшого самописного скрипта. Выведите на страницах, где картинки ваши, следующий код:

Код

<script type="text/javascript">
var image = document.querySelectorAll("article img");

for(var i = 0; i < image.length; i++) {
    image[i].addEventListener('click', function(e) {
        openpict(this.getAttribute('src'));
    });
}

function openpict(src) {
	image.src = src;
    UIkit.lightbox.create([ {'source': src, 'type':'image'} ]).show();
}
</script>

При клике на любую картинку внутри блока article эта картинка будет открываться в Lightbox.

попробую! Благодарю

Несколько месяцев назад столкнулся с такой же проблемой) Удалось решить при помощи небольшого самописного скрипта. Выведите на страницах, где картинки ваши, следующий код:

Код

<script type="text/javascript">
var image = document.querySelectorAll("article img");

for(var i = 0; i < image.length; i++) {
    image[i].addEventListener('click', function(e) {
        openpict(this.getAttribute('src'));
    });
}

function openpict(src) {
	image.src = src;
    UIkit.lightbox.create([ {'source': src, 'type':'image'} ]).show();
}
</script>

При клике на любую картинку внутри блока article эта картинка будет открываться в Lightbox.

Попробовал.

Увы, НЕ сработало. Все равно, любые ссылки в article грузит в Lightbox

вот тестировал:
https://codepen.io/ilya-vins/pen/jJwzvy

Скрипт выше просто не заточен на загрузку ссылок, это уже ваш шаблон чудит или еще что.