imageLabel не появляется в jBox - PullRequest
Новая
       11

imageLabel не появляется в jBox

0 голосов
/ 09 марта 2020

Я работаю над приложением, которое использует jBox. Пока что мне нравится интерфейс, он очень простой и очень чистый. Проблема, с которой я сталкиваюсь, заключается в том, что у меня есть некоторые изображения, которые требуют включения атрибутов. Я действительно хотел бы включить это, когда вы нажимаете на изображение.

Я использую код: 

<script>

$(document).ready(function() {
    var options = {
      imageLabel: 'My title'
    };
    new jBox("Image", options);
});

</script>

<a href="img1.jpg" data-jbox-image="gal1" imageLabel="test" class="demo-img1"><img src="img1.jpg" alt="test1" title="test2"></a>

<a href="img1.jpg" data-jbox-image="gal1" imageLabel="test" class="demo-img1"><img src="img1.jpg" alt="test1" title="test2"></a>

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

Мне бы очень хотелось увидеть свое изображение вместе с текстом, так как Пока я могу контролировать текст для каждого изображения в отдельности, я буду счастлив!

1 Ответ

0 голосов
/ 31 марта 2020

Вы должны установить имя атрибута для опции imageLabel. Подробнее здесь: https://stephanwagner.me/jBox/options#options -изображение

Я бы также использовал атрибут с data- впереди только для того, чтобы HTML соответствовал. 

<script>

$(document).ready(function() {
    var options = {
      imageLabel: 'data-label'
    };
    new jBox("Image", options);
});

</script>

<a href="img1.jpg" data-jbox-image="gal1" data-label="test" class="demo-img1"><img src="img1.jpg" alt="test1" title="test2"></a>

<a href="img1.jpg" data-jbox-image="gal1" data-label="test" class="demo-img1"><img src="img1.jpg" alt="test1" title="test2"></a>
...