| Funtik | Дата: Вторник, 26.05.2009, 19:34 | Сообщение # 1 |
Лейтенант
Группа: Пользователи
Сообщений: 57
Статус: Offline
| 
Данный скрипт очень даже прикольный, к любой картинке можно прибавить зеркальное отражение.
Думаю многим пригодится, а особенно пригодится дизайн студиям, например портфолио любой картинке придать зеркальное отражение. И так...ближе к скрипты. В данном скрипте просто меняете картинку на свою:
Code <body> <span><img src="http://iucoz.ru/avatar/33/165450.png" 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://iucoz.ru/avatar/33/165450.png - меняете на свою ЛЮБУЮ картинку.
Помог? ставь +
Сообщение отредактировал Funtik - Вторник, 26.05.2009, 19:34 |
| |
| |
