Клуб Админов > Скрипты > Зеркальное отражение картинки

Зеркальное отражение картинки


6 января 2009. Разместил: RedRat
Это виджет зеркального отражения любой картинки. Работает на JavaScript. Прост в применении и назначении, но довольно интересная штука. Работает он просто, нужно на страницу вставить JavaScript и к любой картинке (картинкам) прикрепить класс (назначить параметр class).

Для начала скачайте архив со скриптом - reflection.zip [1,56 Kb] (cкачиваний: 640).

Загрузите скрипт на сервер, пускай адрес скрипта получится вот такой – сайт/reflection.js.

Тогда вставляем в конец станицы вот это:

<script src=" /reflection.js"></script>


И к любому количеству картинок присоединяем класс

<img src=”avator.gif” class="reflect">


Вот и все, вся установка.

Делаем такую цацу себе на форум (DLE Forum).

Загружаем скрипт по адресу «сайт/engine/ajax»

Открываем «main.tpl» (лично у меня другой главный шаблон для страниц форума)

Добавляем в HEAD

<script type="text/javascript" src="/engine/ajax/reflection.js"></script>


Открываем шаблон сообщения на форме «папка с шаблонами/forum/post.tpl»

Находим

<img src="{foto}" border="0" alt="" />


Делаем так

<img src="{foto}" border="0" alt="" class="reflect">


И вуоля, теперь аватар на форуме имеет зеркальное отражение.