Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как отобразить дополнительный атрибут галереи blueimp? (https://javascript.ru/forum/misc/75766-kak-otobrazit-dopolnitelnyjj-atribut-galerei-blueimp.html)

DivMan 04.11.2018 22:00

Как отобразить дополнительный атрибут галереи blueimp?
 
Lightbox image gallery

http://blueimp.github.io/Gallery/



--------------------------------------------------------

По умолчанию можно выводить только title

<a href="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_b.jpg"
 title="Land of a Thousand Summits" data-gallery="">
<img src="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_s.jpg"></a>


А мне надо ещё вывести автора, для этого я хочу записать его в атрибут author, но как потом его вывести?

<a href="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_b.jpg"
 title="Land of a Thousand Summits" data-gallery=""
author="Pavel" 
>
<img src="https://farm2.static.flickr.com/1922/43884115510_310bfa1548_s.jpg"></a>


Возможно ли это сделать без костылей? Можно ли расширять этот слайдер?

DivMan 04.11.2018 22:14

Я сделал всё по инструкции, но ничего описание не появилось

Additional Gallery elements
It is possible to add additional elements to the Gallery widget, e.g. a description label.

First, add the desired HTML element to the Gallery widget:

<div id="blueimp-gallery" class="blueimp-gallery">
<div class="slides"></div>
<h3 class="title"></h3>
<!-- The placeholder for the description label: -->
<p class="description"></p>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
Next, add the desired element styles to your CSS file:

.blueimp-gallery > .description {
position: absolute;
top: 30px;
left: 15px;
color: #fff;
display: none;
}
.blueimp-gallery-controls > .description {
display: block;
}

DivMan 04.11.2018 22:23

Почему-то пишет ошибку

Код:

blueimp Gallery: No or empty list provided as first argument. <div id=​"links" class=​"links">​<div class=​"photo">​<a href=​"/​uploads/​gallery/​KN5wu5Nt7gwdrmuopBUm3riKJauz8bXsmDp2X3n0.jpeg" title=​"32434424242" data-description=​"Андрей" data-gallery style>​…​</a>​<a href=​"/​uploads/​gallery/​4fPRgdqbh3FPbrw3MTZoyRoYcqNpHa84Mtjxb4f2.jpeg" title=​"Это типа пол" data-description=​"Dimak" data-gallery>​…​</a>​</div>​</div>​


Часовой пояс GMT +3, время: 23:04.