Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Скрипт "Порхающие бабочки" от L'Arcangelo Michelle.

Предыдущая тема Следующая тема Перейти вниз

Скрипт "Порхающие бабочки" от L'Arcangelo Michelle.

Сообщение автор Сказочник Зазеркалья в Пн 28 Янв - 8:57

Всем приветик ребята. d_daisy


Решила выложить свой новый скрипт "Порхающие бабочки". Скрипт рабочий и не вызывает глюков в работе форума. Также он работает во всех версиях, так что если хотите чтобы по вашему форуму летали красивые бабочки, приступаем в установке. smile

Установка скрипта возможно в Приветствие и виджеты. Также чтобы добиться лучшей работы скрипта, нужно подыскать красивых бабочек, которые будут красиво порхать по сайту. Когда смогу, напишу более гибкие версии скрипта, чтобы можно было их по другому использовать.


Exclamation Собственно говоря вот и сам скрипт:

Код:
<script language="JavaScript1.2">
/*
Flying Butterfly script (L'Arcangelo Michelle.)
The script is intended for forums and websites on the subject of fantasy created by Cardinal Michele Ali Carter.
*/

var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[1]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a ">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a >';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>

Если вы захотите изменить изображения бабочек, на другие или умножить их, тогда в скрипте найдите эти коды:

Код:
floatimages[0]=''http://j-p-g.net/if/2013/04/19/0752011001366355810.gif'';
floatimages[1]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';

И замените в них ссылки изображений на свои ссылки изображений бабочек.





Exclamation Увеличение количества картинок:

Далее если вы хотите чтобы было больше бабочек тогда найдите вот этот фрагмент, он рядом с ссылками:

floatimages[0]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[1]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';



И увеличьте количество этих фрагментов, то есть допустим вам надо шесть бабочек, сделайте так:

floatimages[0]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[1]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[2]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[2]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[4]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';
floatimages[5]='http://j-p-g.net/if/2013/04/19/0752011001366355810.gif';


На этом заканчивается мини инструкция, по установке на свой форум скрипта "Порхающих бабочек". Желаю всем удачи в продвижении ваших форумов! До встречи в новых туториалах ребята. friends

Если у Вас возникнут вопросы по установке / изменению скрипта, вы можете задать их в теме: http://help.forum2x2.ru/t32299-topic

С уважением автор данного скрипта Мишель Картер aka Сказочница Зазеркалья.

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения