• Страница 1 из 1
  • 1
Отражение любой картинки
Группа: Пользователь
Собщений: 15
Репутация: 0
Наград: 0
Замечания : 0%
# 1 19.10.50
Данный скрипт очень даже прикольный, к любой картинке можно прибавить зеркальное отражение.
Думаю многим пригодится, а особенно пригодится дизайн студиям, например портфолио любой картинке придать зеркальное отражение. И так...ближе к скрипты. В данном скрипте просто меняете картинку на свою:

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>
  • Страница 1 из 1
  • 1
Поиск: