Использование "Picture Rollover" в NetObjectsFusion или как украсить вашу страницу

Давайте попробуем с помощью инструмента "Picture Rollover" смонтировать заставку для вашего фотоальбома. Наша заставка должна выполнять не только функцию "украшательства", давайте попробуем наделить её также "функциональными" обязанностями.

Допустим наш фотоальбом состоит из 5 разделов. При наведении мышкой на картинку, она должна стать цветной, а при нажатии пользователь должен перейти на выбранную им страницу фотоальбома.



Перед изготовлением заставки нам потребуеться вспомогательный материал - картинки, из которых будет сделано наше меню. Я например воспользовалься тем, что просто уменьшил размер отсканированных мной фото. Нам потребуеться 10 картинок, 5 из которых черно-белые, 5 цветные. Обратите внимание на то, что цветные картинки имеют сразу название наших страниц.





Из стандартных компонетов NOF выбираем инструмент "Picture Rollover" (Rollover Bild) и вычерчиваем место для первой кнопки нашего меню.



На странице появился серый квадратик с двумя стрелочками. Из появившихся свойст "Rollover Bild Properties" выбираем двойным щелчком мыши Initial Image (Anfangsbild) и определяем первую картинку (черно-белую) для нашего первого раздела, именно эту картинку видет пользователь при загрузки страницы. Дальше двойной щелчок на "Mouse over image" (Mouse over - Bild) для выбора второй картинки (цветной). Она появляеться тогда, когда пользователь наводит мышь на картинку. "Mouse out image" оставляем без измений. В поле Link URL определяем ссылку, по которой перейдёт пользователь если он нажмет на картинку.

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



Автор: Константин Талалаев
Источник: Cоздание сайтов и их продвижение