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

ГлавнаяJava скрипты → Эффекты для фото

Данный скрипт - зеркальное отражение фото создаёт красивый эффект отражения картинок, и имеет ряд преимуществ перед похожими скриптами: исправно работает в основных браузерах и имеет настройки, в которых вы (смотрим пример ниже) можете отобразить своё фото, как вам больше нравится. Лицензия для этого скрипта абсолютно бесплатная.


   

Код для html


    Перед тегом </head>
<script type="text/javascript" src="reflex.js"></script>

    Код в теле документа
<img src="foto.jpg" class="reflex itiltnone idistance0 iopacity200 iborder1 icolor000000" alt="" />

И теперь более подробно:

  • В параметре class - reflex оставляем в обязательном порядке;
  • itiltnone - отображение фото, в данном случае как оно есть, без всяких смещений. Этот параметр может быть заменён на: itiltright - удалённость в правой стороне, и itiltleft - соответственно по левой стороне картинки;
  • idistance0 - отступ от фото до её зеркального отражения, в данном случае "0";
  • iopacity200 - глубина отражения, в данном случае "200";
  • iborder1 - рамка вокруг картинки, в данном случае "1px";
  • icolor000000 - и последний параметр: цвет рамки, если вы её указали.

От себя лично конечно хочу выразить свою благодарность разработчикам данного скрипта.

И последнее, что вам осталось сделать, - это скачать скрипт, залить его к себе на хостинг, прописать необходимые коды и наслаждаться своими картинками с зеркальным отражением на своём сайте.

На этом всё, что не понятно - спрашивайте!

Скачать скрипт - reflex.js

Поделись ссылкой с друзьями:

Комментарии к статье