Приветствую Вас, Гость
Главная » Файлы » скрипты

Скрипт создания отражения изображения
20.05.2011, 01:12

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

Установка: 
На все страница сайта,перед <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)">

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

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

Категория: скрипты | Добавил: OLOLO
Просмотров: 454 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: