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

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унд не только белый, все примеры есть в архиве.

Вы можете сослаться на эту статью:
http://www.rantiev.com/%d0%ba%d0%b0%d0%ba-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d1%82%d1%8c-%d0%be%d1%82%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%b4%d0%bb%d1%8f-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8/trackback/

Комментарии

RANTIEV.com

Разделы