Javascript.RU

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

Panoramio API и Lightbox
Всем доброго времени суток!

Столкнулся с одной проблемой: на моём сайте подключена фотогалерея 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 и надо присвоить аттрибут.

Может кто-то уже сталкивался с подобным или есть какие-то идеи?

Заранее спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Аналог lightbox SARD Элементы интерфейса 6 27.11.2011 21:18
Проблема: Jquery - эффект раскрытия LightBox для изображения. woody2 jQuery 0 16.09.2011 00:10
Помогите с lightbox sam2019 jQuery 0 19.05.2011 21:12
MVC vs API. Ваше мнение. B~Vladi Общие вопросы Javascript 58 19.10.2010 16:29
LightBox + ajax = Не работает ((( xmartinesx jQuery 2 11.10.2010 16:32