Различные значения для заголовка и текста всплывающей подсказки для тега привязки - PullRequest
Новая
       50

Различные значения для заголовка и текста всплывающей подсказки для тега привязки

0 голосов
/ 13 февраля 2012

Я использую Colorbox в моем плагине WordPress для создания галереи фотографий Flickr.Вот так выглядит типичный HTML-код - 

<a href='link/to/large/photo/on/flickr.jpg' title='Caption for the photo on Colorbox'>
    <img src='link/to/small/photo/on/flickr.jpg'>
</a>

Colorbox использует значение title из тега привязки для отображения заголовка изображения в представлении colorbox.

Теперь я хочу включитьссылка на страницу фотографии Flickr в подписи к изображению.Это прекрасно работает при правильном отображении ссылки, но создает проблему с текстом всплывающей подсказки для фотографии, поскольку он показывает HTML-код.

Итак, вопрос в том, как я могу иметь разные значения для заголовка и инструментатекст подсказки для тега привязки.

До сих пор я пытался использовать onmouseover / onmouseout / onmousedown, чтобы изменить атрибут title и установить его обратно.Но это не работает для меня, так как несколько изображений сгруппированы в одном Colorbox, и все эти события не срабатывают для всех изображений.

Надеюсь, я прояснил свой вопрос.

ОБНОВЛЕНИЕ: Решением этой проблемы является использование Colorbox alt атрибута img тега вместо title атрибута anchor тега. 

jQuery("a[rel^='example4']").colorbox({
    title: function(){ return jQuery(this).find('img').attr('alt');}
    });
});

1 Ответ

0 голосов
/ 14 февраля 2012

Я написал ColorBox, но не плагин для WordPress, так что я не совсем уверен, как это будет реализовано с WordPress. Вы захотите использовать свойство title ColorBox, чтобы указать свой собственный формат заголовка. Например: 

$('.myphotos').colorbox({title:function(){
  var link;
  // do some to convert your image href to it's corresponding flickr URL
  return $(this).attr('title') + " <a href='" + link + "'>Flickr</a>";
}});
...