Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.11.2018, 22:00
Профессор
Отправить личное сообщение для DivMan Посмотреть профиль Найти все сообщения от DivMan
 
Регистрация: 08.03.2016
Сообщений: 429

Как отобразить дополнительный атрибут галереи 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>


Возможно ли это сделать без костылей? Можно ли расширять этот слайдер?
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2018, 22:14
Профессор
Отправить личное сообщение для DivMan Посмотреть профиль Найти все сообщения от DivMan
 
Регистрация: 08.03.2016
Сообщений: 429

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

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;
}
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2018, 22:23
Профессор
Отправить личное сообщение для DivMan Посмотреть профиль Найти все сообщения от DivMan
 
Регистрация: 08.03.2016
Сообщений: 429

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

Код:
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>​
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите как отобразить текст. potkin Общие вопросы Javascript 17 26.10.2017 15:09
Как в datepicker jquery отобразить отдельно дату месяц и год? drkrol Общие вопросы Javascript 6 19.11.2016 15:23
Как спрятать часть галереи картинок в спойлер? ligisayan jQuery 1 16.09.2016 09:58
Вопрос новичка: Как отобразить функцию на экране Delacrua Общие вопросы Javascript 7 05.05.2010 22:51
Как получить атрибут из CSS файла ? sionus Events/DOM/Window 1 04.01.2010 09:39