Как создать "меняющееся" изображениие?

Еще один интересный скрипт, встроенный в программу, позволяет создавать "меняющиеся" изображения на страницах ваших сайтов.
Что значит "меняющиеся"? Это когда при наведении курсора на рисунок он превращается совсем в другой рисунок. Ниже  я привела вам наглядный пример такого изображения:



   






Наведя курсор на данный рисунок, вы увидите совсем иное изображение. Кстати, возможности скрипта позволяют добавить музыкальный файл к изображению и текстовую подпись. Впрочем, кому понравился эффект "перевоплощения", ниже найдете описание, как это воплотить в реальность.
   
Шаг 1. Идем в меню "Вставка" и выбираем пункт "Графические объекты". В нем переходим в подпункт "Меняющееся изображение". Это касается портативной версии.

В версии с инсталлятором, выложенной на моем сайте, несколько иное наименование пунктов: Вставка - Объекты изображения - Эффект гиперкартинка. Порядок действий для обоих версий одинаков.
   
Наша команда
Шаг 2.
В появившемся диалоговом окне заполняем нужные поля. Первым делом загружаем два изображения.

В поле "Исходный рисунок" загружаем изображение, которое будет отображаться при открытии страницы.

В поле "При наведении" загружаем второе изображение, которое будет отображаться при наведении курсора на первое.

Поле "Звук под курсором" заполняется по желанию. То есть вы имеете возможность загрузить любой аудиофайл для его проигрывания при наведении курсора на изображение.

Поле "Подсказка" тоже необязательно. Предназначено для краткого описания изображения.

В левом нижнем углу есть кнопка "Гиперссылка", с ее помощью можно задать гиперссылку. Но можно ее и не трогать, в этом случае программа автоматически подставит "нулевую" ссылку в исходный код html, которую нельзя удалять. Иначе эффект "превращения" перестанет работать.
После окончания настроек нажимаем "ОК".

Вот теперь все готово! Можете в браузере с помощью кнопки Просмотра увидеть свой полученный результат.

На этом урок завершен... Всем успехов и до новых встреч! С ув. Светлана (SvetLana_TSV)


                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Проект для новичков
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
ПОДРОБНЕЕ

Не забудь заглянуть в свою почту и подтвердить подписку!