Изображение на заместител

Съдържание

Изображение на заместител

Ефект, който сменя едно изображение за друго върху курсора на мишката, има няколко имена - заместител, ефект на мишката, ефект на преобръщане, ефект на преобръщане.

Изображение заместител
Пример за изображение на резервоар - вляво.

За да създадете този ефект, са необходими две изображения: основното (показва се при първо зареждане на страницата) и спомагателното (изображението, което се появява, когато преместите показалеца върху основното изображение).

И двете изображения трябва да са с еднакъв размер; в противен случай Dreamweaver преоразмерява второто изображение, за да съвпада с първото.

Запазените изображения се конфигурират автоматично да отговарят на събитието onMouseOver. Можете да настроите изображението да реагира на друго събитие (например щракване с мишката) или да промените изображение с наслагване.

Създайте заместващо изображение

1 В областта на прозореца на документа поставете курсора там, където искате да вмъкнете изображението за избор.
2 Поставете изображение за избор, като използвате един от следните методи.

3 Задайте параметрите

заместител

Забележка. Ако не предоставите връзка за изображението, Dreamweaver вмъква празна връзка за мишка (#) в HTML източника. Ако премахнете празната връзка, заместващото изображение ще спре да работи.

4 Изберете File> Preview In Browser или натиснете F12.
5 В браузъра преместете показалеца върху оригиналното изображение, за да покажете замяна.

Забележка. Ефектът на суап изображение не е наличен в Design View.