|
Главная » 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/ обязательна |
Категория: Скрипты |
Просмотров: 562 |
Добавил: Ржавой
| Рейтинг: 5.0/1 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
Онлайн |
|
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0
| |
|