текст alt не отображается при наведении курсора мыши на изображение

#ruby-on-rails-3

#ruby-on-rails-3

Вопрос:

у меня есть следующий код:

 <td><%= link_to(image_tag("delete.gif", :size => "16x16", :alt => "Delete Entry"), phone, :confirm => 'Are you sure?', :method => :delete, :remote=>true, :class=>'delete_phone') %></td>  
  

на мой взгляд. Теперь все работает нормально и делает то, что мне нужно, но когда я наводлю курсор на значок, ну, он не показывает мне никакого текста. Я пробовал в Firefox и Chrome.

Кто-нибудь еще сталкивался с такой же проблемой?

Спасибо!

Комментарии:

1. Присутствует ли тег ALT при просмотре исходного кода HTML в вашем веб-браузере? Если это так, вы могли бы рассмотреть возможность использования атрибута title также.

Ответ №1:

#подсказка — добавление title s для всех ваших изображений может быть болезненным (и очень неосушенным) упражнением. Чтобы сделать это намного менее болезненным, все мои приложения поставляются с этим JS (требуется jquery):

 $(function() {
  $('img').each( function() {
    var o = $(this);
    if( ! o.attr('title') amp;amp; o.attr('alt') ) o.attr('title', o.attr('alt') );
  });
});
  

Это присваивает title любому img значению title атрибута без alt .

Комментарии:

1. Это отличный маленький скрипт, спасибо

Ответ №2:

Используйте title, а не alt, и ваши проблемы будут решены! Alt предназначен для обеспечения доступности — это означает «альтернативный». Заголовок — это то, что вы бы использовали для всплывающей подсказки.

Ответ №3:

При наведении курсора мыши на изображение title текст отображается во всплывающей подсказке.

Alt текст предназначен для пользователей с отключенными изображениями (или медленным подключением) и поисковых систем

Ответ №4:

Я понятия не имею о Ruby, но вам нужно использовать атрибут title в HTML, чтобы текст перехода отображался в большинстве браузеров.. Помогает ли это вообще?

например

 <img title="hello thar" src="hellothar.gif" />
  

Ответ №5:

Используйте опцию title для отображения текста в rails 3.

 <%= image_tag 'Profile.png',:title => 'Profile'  %>
  

При наведении курсора мыши на Profile.png отображается текстовый профиль.