Главная » 2011 » Январь » 13 » Скрипт создания отражения изображения
16:40:56
Скрипт создания отражения изображения

Отличный скрипт создания отображения изображений,с помощью него можно сделать зеркальное отображение картинок.
Можно сделать зеркальное отображение для аватарок,а дальше ваша фантазия.

Установка:
На все страница сайта,перед <body> ставим:

Code
<script>
function mirror(obj){
  // By Aleko from Studioad.ru
  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>

Затем,создаём отображение для изображения,нужную вам картинку заключаем в тег <span> и добавляем атрибут onload="mirror(this)"

В итоге должно получиться.

Code
<span><img src="ваша картинка" onload="mirror(this)">

Если не поняли,то просто в коде замените ваша картинка на ссылку на свою картинку.

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

Скрипты для uCoz | Просмотров: 936 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]