| Главная » Статьи » Скрипты » Скрипты для uCoz |
Демо Скрипт создания отражения изображения
 Отличный скрипт создания отображения изображений,с помощью него можно сделать зеркальное отображение картинок. Установка:
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)"> Если не поняли,то просто в коде замените ваша картинка на ссылку на свою картинку. Отличный скрипт отображения изображений,с помощью него можно сделать отражение аватара и прочее. | |
| Просмотров: 411 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
