Для того чтобы создать отражения картинкам проделайте следующее.

1. Cкачайте архив (кстати там будут хорошие примеры на английском)
2. Загрузите на свой сайт файл reflection.js.
3. Подключите файл  <script type=”text/javascript” src=”reflection.js”></script>(не забудьте указать путь правильный)
4. Укажите картинке class=”reflect”.

Можно менять высоту отражения.
class=”reflect rheight33″
class=”reflect rheight66″
class=”reflect rheight100″
Высота отражения установится 33,66 и 100 процентов соответственно.

Можно менять прозрачность отражения.
class=”reflect ropacity30″
class=”reflect ropacity60″
class=”reflect ropacity100″
Прозрачность отражения установится 33,66 и 100 процентов соответственно.

Можно изменять два параметра сразу.
class=”reflect rheight30 ropacity60″

Поддерживаемые браузеры.
* Internet Explorer 5.5+
* Mozilla Firefox 1.5+
* Google Chrome (all versions)
* Safari 2+
* Opera 9+

Под отражениями может быть бэкгрaунд не только белый, все примеры есть в архиве.

Комментарии