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

Я использую 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');}
    });
});

tooltip anchor colorbox onmouseover title
person ronakg    schedule 13.02.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я написал ColorBox, но не плагин WordPress для него, поэтому я не совсем уверен, как это будет реализовано с WordPress. Вы захотите использовать свойство заголовка 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>";
}});
person Jack    schedule 13.02.2012
comment
Я понял это из ваших форумов групп Google. Я использую атрибут alt для img вместо атрибута title для anchor. - person ronakg; 15.02.2012