Меню сайта
Мини-чат
Голосовалка
Помог ли вам наш сайт
Всего ответов: 393
Главная » 2009 » Июнь » 25 » Отражение любой картинки
Отражение любой картинки
20:14
Данный скрипт очень даже прикольный, к любой картинке можно прибавить зеркальное отражение.
Думаю многим пригодится, а особенно пригодится дизайн студиям, например портфолио любой картинке придать зеркальное отражение. И так...ближе к скрипты. В данном скрипте просто меняете картинку на свою:
Code
<body>
<span><img src="Вставляем сслыку на вашу картинку сюда" align="middle" onload="mirror(this)"/></span>
<script>
function mirror(obj){
  var t,w,h,c,e,opacity,percent;
  opacity = 80; // opacity
  area = 50; // area
  e=/*@cc_on!@*/false;
  if(e){o=opacity;}else{o=opacity/100;}
  t=obj.parentNode;
  w=obj.offsetWidth;
  h=obj.offsetHeight;
  c=o/((h/100)*area);
  for(i=1;i<=((h/100)*area);i++){
  sp = document.createElement('SPAN');
  sp.style.display='block';
  sp.style.backgroundImage='url('+obj.src+')';
  sp.style.backgroundPosition='0px '+i+'px';
  if(e){sp.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity='+o+')';}else{sp.style.opacity = o;}
  sp.style.height='1px';
  sp.style.width=w+'px';
  t.appendChild(sp);
  o=o-c;
  }
};
</script>
</body>

Вот и всё. Пользуйтесь на здоровье

При копировании материалов ссылка на источник http://1uoz.3dn.ru/ обязательна
Категория: Скрипты | Просмотров: 538 | Добавил: Ржавой | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
    Гость

    Сообщения:

    Группа:
    Гости
    Время:00:22

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Логин:
    Пароль:
Необходимый софт
Онлайн
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

& 1ucoz