| qwerty9 | Дата: Суббота, 24.10.2009, 17:47 | Сообщение # 1 |
|
Данный скрипт очень даже прикольный, к любой картинке можно прибавить зеркальное отражение.
Думаю многим пригодится, а особенно пригодится дизайн студиям, например портфолио любой картинке придать зеркальное отражение. И так...ближе к скрипты. В данном скрипте просто меняете картинку на свою:
Code
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>
|
| |
| |
