Перестановка двух изображений
Каждое изображение, содержащееся в документе, как известно представляет собой объект 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; просмотров: 918;