Изображения > Создание карт изображений > Создание чувствительных изображений (rollover)

Страница подготовлена дизайн-студией Фёдора Филимонова

Создание чувствительных изображений (rollover)

Чувствительное изображение (rollover) - изображение, которое зfменяется другим изображением, когда на него наводится указатель. Чувствительное изображение (rollover) фактически состоит из двух изображений: первичное изображение (то есть изображение, отображаемое при загрузке страницы) и чувствительное изображение (rollover) (то есть изображение, которое появляется когда указатель наводится на первичное изображение). Когда вы создаете чувствительное изображение (rollover), оба изображения должны иметь одинаковые размеры; если же изображения имеют разный размер, то Dreamweaver автоматически изменяет размеры второго изображения, чтобы сделать их равными размерам первого изображения. Информацию об изменениях изображения в различных случаях (например, в ответ на щелчок мыши) или об изменениях изображения в ответ на наведение курсора на другое изображение см. "Обмен изображений".

Чтобы создать чувствительное изображение (rollover), выполните следующие шаги:

1	В окне Document (документ) разместите точку ввода в том месте, куда хотите поместить чувствительное изображение (rollover).
2	Вставьте чувствительное изображение (rollover), используя один из следующих методов:
	Выберите команду Window (окно) > Objects (объекты) чтобы открыть палитру Object (oбъект), и нажмите кнопку Rollover (чувствительное изображение).
	Выберите команду Insert (вставить) > Rollover (чувствительное изображение).
3	3. В появившемся диалоговом окне введите следующую информацию:
	Найдите и выберите изображение или укажите путь и имя файла первоначального изображения поле Original Image (первоначальное изображение).
	Найдите и выберите изображение или укажите путь и имя файла для чувствительного изображения (rollover) в поле Rollover Image (чувствительное изображение).
	Чтобы создать ссылку, найдите и выберите файл или замените символ # в поле Link (связь) именем файла и путем.
	Чтобы Dreamweaver заранее загружал изображения в буфер броузера, выберите настройку Preload Images (загружать заранее).
4	Нажмите ОК.

Чтобы протестировать чувствительное изображение (rollover), выполните следующие шаги:

1	Выберите команду File (файл) > Preview in Browser (просмотр в броузере).
2	Наведите указатель в броузере на первичное изображение.
	При этом первоначальное изображение должно измениться на чувствительное изображение (rollover).

С помощью команды Insert (вставка) > Navigation Bar (навигационная линейка) вы можете также создавать навигационную линейку. См. "Вставка навигационной линейки".