Всем доброго времени суток!
Столкнулся с одной проблемой: на моём сайте подключена фотогалерея Panoramio
Attribution Block. Всё бы хорошо, но она занимает достаточно много места, а потому хотелось бы, чтобы в основном пространстве оставались только миниатюры, а по клику на них выскакивало модальное окно.
Точно то, чего я хочу, есть
здесь ровно под картой, однако с их реализацией я так и не разобрался.
На моём сайте настроен Lightbox, который срабатывает по наличию атрибута rel="lightbox" у ссылки на миниатюре, т.е. мне нужно, чтобы после генерации галереи, к миниатюрам добавлялся всего лишь этот аттрибут. Но ни setAttribute(), ни .attr() не помогают.
Что уже есть:
<script type="text/javascript">
var sand = {'tag': 'города'};
var sandRequest = new panoramio.PhotoRequest(sand);
var attr_ex_photo_options = {
'width': 300,
'height': 300,
'attributionStyle': panoramio.tos.Style.HIDDEN};
var attr_ex_photo_widget = new panoramio.PhotoWidget(
'div_attr_ex_photo', sandRequest, attr_ex_photo_options);
var attr_ex_list_options = {
'width': 70,
'height': 300,
'columns': 1,
'rows': 4,
'croppedPhotos': true,
'disableDefaultEvents': [panoramio.events.EventType.PHOTO_CLICKED],
'orientation': panoramio.PhotoListWidgetOptions.Orientation.VERTICAL,
'attributionStyle': panoramio.tos.Style.HIDDEN};
var attr_ex_list_widget = new panoramio.PhotoListWidget(
'div_attr_ex_list', sandRequest, attr_ex_list_options);
var attr_ex_attr_options = {'width': 370};
var attr_ex_attr_widget = new panoramio.TermsOfServiceWidget(
'div_attr_ex_attr', attr_ex_attr_options);
function onListPhotoClicked(event) {
var position = event.getPosition();
if (position !== null) attr_ex_photo_widget.setPosition(position);
}
panoramio.events.listen(
attr_ex_list_widget, panoramio.events.EventType.PHOTO_CLICKED,
function(e) { onListPhotoClicked(e); });
attr_ex_photo_widget.enablePreviousArrow(false);
attr_ex_photo_widget.enableNextArrow(false);
attr_ex_photo_widget.setPosition(0);
attr_ex_list_widget.setPosition(0);
$('.panoramio-wapi-crop-div a').setAttribute('rel', 'lightbox');
Собственно, ссылке, лежащей в div-е с классом panoramio-wapi-crop-div и надо присвоить аттрибут.
Может кто-то уже сталкивался с подобным или есть какие-то идеи?
Заранее спасибо!