Отключение Image Toolbar в IE6

В браузере Internet Explorer 6 разработчики предложили новую функцию - Image Toolbar - панель изображения. Это небольшой прямоугольник, который появляется в верхней левой части изображения при наведении на него курсора мыши. На нём расположены кнопки, предоставляющие доступ к наиболее частым операциям: сохранить изображение, распечатать, переслать по почте и открыть каталог “Мои рисунки”.

Image Toolbar

Панель изображения появляется над картинками, которые, по мнению браузера, являются частью содержания страницы (иллюстрации к статье или фотографии в галерее) и не представляют собой элемент оформления. Браузер пытается выяснить это по следующим характеристикам:

  • Размеры изображения превышают 130×130 пикселей.
  • Оно не является ImageMap.
  • Картинка не представляет собой ссылку.
  • Это не баннер и не логотип.
  • Изображение не является фоновым.

Над картинками, которые не соответствуют приведённым требованиям, при наведении на них курсора мыши, пользователь увидит всплывающую панель изображения. Однако, разработчик веб-страницы имеет возможность управлять ей: скрывать Image Toolbar над всеми изображениями вообще и показывать только над нужными, либо наоборот - скрывать только над выбранными и отображать над всеми остальными.

Управление панелью изображения реализовано двумя способами: meta-тегом в секции head страницы или атрибутом “galleryimg” у тега img.

Для глобального отключения Image Toolbar над картинками по всей странице лучше всего использовать meta-тег “imagetoolbar” со значением “no” в секции head веб-страницы:

<meta http-equiv="imagetoolbar" content="no" />

Благодаря этому тегу, Image Toolbar исчезнет надо всеми изображениями веб-страницы, вне зависимости от их характеристик.

Если есть необходимость отключить панель только у одного определённого изображения, можно использовать атрибут “galleryimg” со значением “no” в теге img:

<img src="image.png" alt="" width="150" height="50" galleryimg="no" />

Данные способы можно комбинировать. Например, при помощи meta-тега отключить панель по всей странице, однако, атрибутом “galleryimg” включить её только над выбранными картинками и наоборот.

Здесь следует принять во внимание тот факт, что атрибут “galleryimg” не является частью спецификации HTML/XHTML и, в случае его использования, сделает страницу невалидной, то есть не соответствующей спецификации. В общем случае это неприемлемо, поэтому использовать данный способ настоятельно не рекомендуется.

Взамен ему, в качестве обходного манёвра, имеется возможность добавить данный атрибут динамически, при помощи JavaScript, уже после загрузки страницы в браузер. Таким образом исходный код веб-страницы остаётся валидным и нетронутым, а все изменения вносятся в уже загруженное и сформированное дерево документа. Конечно, для работы этого способа есть обязательное условие: в браузере должна быть включена поддержка JavaScript. Впрочем, в данном случае это не столь существенно: процент пользователей, работающих с отключённым JavaScript, крайне низок, и даже если у них панель изображения будет отображаться не так, как задумал автор страницы, это не слишком критично.

Приведу пример динамического добавления атрибута “galleryimg” с использованием JavaScript-библиотеки jQuery:

Во-первых, изображениям, которым мы хотим принудительно отключить Image Toolbar, следует присвоить класс “.nogalleryimg”:

<img src="image.png" alt="" width="150" height="50" class="nogalleryimg" />

И во-вторых, следующее выражение должно быть выполнено сразу после загрузки страницы:

$(".nogalleryimg").attr("galleryimg", "no");

Таким образом, всем изображениям класса “.nogalleryimg” будет присвоен атрибут “galleryimg” со значением “no”. Естественно, можно поступить и обратным образом, выбрав изображения класса “.galleryimg” и присвоив им значение “yes”.

Следует сказать, что панель изображения, впервые появившаяся в браузере Internet Explorer 6, там же и исчезла. В новом браузере 7-ой версии данной панели уже нет. И скорее всего, её не будет в Internet Explorer версии 8. Хотя панель изображения есть и у других браузеров. Например, существует дополнение Image Toolbar для браузера Firefox, который воссоздаёт точно такую же панель, как и в Internet Explorer 6. При этом, он подчиняется тем же самым способам управления, которые были описаны выше.

Дополнительная информация: