Перестановка двух изображений

Каждое изображение, содержащееся в документе, как известно представляет собой объект IMAGE, обладающий свойствами, к которым можно обратиться с помощью средств языка сценариев JS. В тэге <IMG> можно задать параметр Name, а затем использовать его значение для доступа к свойствам изображения.

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

Вид документа приведен на рисунке ниже в программе блокнот. А в браузере при нажатии на кнопку Переставить изображения меняются местами . Функция chpict () вызывается как реакция на событие click -нажатие на кнопку Переставить. В сценарии переменная 1 используется для того, чтобы запомнить имя файла, который связан с первым изображением. Следующий оператор присваивания обеспечит загрузку второго изображения вместо первого. В результате выполнения следующего оператора присваивания со вторым тэгом изображения будет связан графический файл, который первоначально относится к первому изображению. В результате изображения в документе будут переставлены. Ниже приведен HTML- код документа.

 

 

 

Фильтры

Фильтры позволяют изменять визуальные эффекты для графических изображений. Ранее были рассмотрены эффекты статических фильтров. Но их было мало (просто для ознакомления). В этом разделе будут приведены эффекты в более расширенном диапазоне для статических фильтров и некоторые основные приемы использования динамических фильтров.

Сначала приведем примеры статических фильтров, которые ранее не встречались с параметрами и описанием:

 

Таблица 2.7. Статические фильтры

Фильтр Параметры Описание
alpha Opacity, finish opacity,style, startX, startY, finishX, finishY Задает постоянный уровень прозрачности
blur Add, direction, strength Создает эффект движения
chroma color Создает одноцветный транспарант
flich   Горизонтальное отражение
flicv   Вертикальное отражение
dropshadow Color,offx,offy,positiv Обводит силуэт объекта
glow color,strength Создает эфект свечения
gray   Преобразует объект в черно-белый
invent   Инвентирует цвета, оттенки и яркость
light   Освещает объект от источника
mask color Делает из объекта транспарант-маску
shadow Color, direction Создает цветовую насыщенность
wave Add, frec, lightstrength Создает силуэт объекта отдельно от объекта
xray   Показывает только контур объекта







Дата добавления: 2016-02-11; просмотров: 872;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.005 сек.