Пятница, 29.03.2024, 09:06
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: @Demon@  
Форум » Всё для Ucoz » Дополнения и скрипты для UcoZ » Отражение любой картинки
Отражение любой картинки
FuntikДата: Вторник, 26.05.2009, 19:34 | Сообщение # 1
Лейтенант
Группа: Пользователи
Сообщений: 57
За хорошую посещаемость на форуме За Лейтенанта За 1 пост За 5 Постов За 10 Постов
Статус: 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
 
Форум » Всё для Ucoz » Дополнения и скрипты для UcoZ » Отражение любой картинки
  • Страница 1 из 1
  • 1
Поиск:


X~Rush^Gam1ng* Бесплатный конструктор сайтов - uCoz ||