VPF::Lighbox2 & скрипт летающих самолетов

quoro

Дата 3.3.2008, 12:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 15.12.2007

Репутация: нет
Всего: нет

Я совершенно не разбираюсь в javascript, но очень нужно. Есть страница фотогалереи, созданная на основе Lightbox 2. Одновременно в галерее будет использоваться другой скрипт (сейчас летают самолёты, будут прыгать лягушки). Нужно чтобы все они исчезали когда lightbox выводит фотографию + самолетов должно быть меньше, они должны передвигаться медленнее.

Код скрипта с самолётами:

Код


<script language="JavaScript1.2">

//Flying planes - by John Ely
//Modified from: Autumn leaves script- by Kurt Grigg ([email protected])
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script

//Pre-load your image below!
//CHANGE 5 to the number of images listed below
grphcs=new Array(5) 

//PRELOAD the involved images (extend or contract variables according to # of images used)
Image0=new Image();
Image0.src=grphcs[0]="plane0.gif"
Image1=new Image();
Image1.src=grphcs[1]="plane1.gif"
Image2=new Image();
Image2.src=grphcs[2]="plane2.gif"
Image3=new Image();
Image3.src=grphcs[3]="plane3.gif"
Image4=new Image();
Image4.src=grphcs[4]="plane4.gif"

//SPECIFY number of images to randomly display concurrently from list above. Less the more efficient
Amount=3; 
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
ie=document.all

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight-70:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*5+1;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fly(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(Cstep[i]);
sx = Speed[i]*2;
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Xpos[i] > WinWidth){
Ypos[i]=Math.round(Math.random()*WinHeight);
Xpos[i]=-60;
Speed[i]=Math.random()*5+1;
}

if (ns){
document.layers['sn'+i].left=Xpos[i]+wscrll;
document.layers['sn'+i].top=Ypos[i];
}

else if (ns6){
document.getElementById("si"+i).style.left=Xpos[i]+wscrll;
document.getElementById("si"+i).style.top=Math.min(WinHeight,Ypos[i]);
}

else{
eval("document.all.si"+i).style.left=Xpos[i]+wscrll;
eval("document.all.si"+i).style.top=Ypos[i];
} 
Cstep[i]+=Step[i];
}
setTimeout('fly()',20);
}

if (ie||ns||ns6)
window.onload=fly
//-->
</script>

Код галереи:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>frogs</title>
<meta name="Generator" content="Pranas.NET Web Gallery Creator">
<script src="lightbox/js/prototype.js" type="text/javascript"></script>
<script src="lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox/js/lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen">
<link rel="stylesheet" href="library/thumbs.css" type="text/css">
</head>
<body style="background-color: #008000">

<div id='divWG'>
<table id="tblThumbsLayout" cellpadding="0" cellspacing="6" bgcolor="#00B300" style="border-style: solid">
<tr>
<td id='topCell' colspan='4'>
<div id='divNav'><a id='linkHome' href='../'>Главная страница галерей</a> &gt; 
    <b>Лягушки</b></div>
<table id='tblGalleryName' cellpadding=0 cellspacing=0 border=0 width="100%">
<tr>
<td id='galleryNameCell'>Лягушки. Авторская игрушка</td>
<td id='pagingCell'>
</td>
</tr>

</table>
</td>
</tr>
<tr>
<td class='tdImg'><a href='photos/frog (15).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (15).jpg" alt="frog (15)"></a><br>frog (1)</td>
<td class='tdImg'><a href='photos/frog (14).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (14).jpg" alt="frog (14)"></a><br>frog (2)</td>
<td class='tdImg'><a href='photos/frog (13).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (13).jpg" alt="frog (13)"></a><br>frog (3)</td>
<td class='tdImg'><a href='photos/frog (12).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (12).jpg" alt="frog (12)"></a><br>frog (4)</td>
</tr>
<tr>
<td class='tdImg'><a href='photos/frog (11).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (11).jpg" alt="frog (11)"></a><br>frog (5)</td>
<td class='tdImg'><a href='photos/frog (10).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (10).jpg" alt="frog (10)"></a><br>frog (6)</td>

<td class='tdImg'><a href='photos/frog (9).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (9).jpg" alt="frog (9)"></a><br>frog (7)</td>
<td class='tdImg'><a href='photos/frog (8).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (8).jpg" alt="frog (8)"></a><br>frog (8)</td>
</tr>
<tr>
<td class='tdImg'><a href='photos/frog (7).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (7).jpg" alt="frog (7)"></a><br>frog (9)</td>
<td class='tdImg'><a href='photos/frog (6).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (6).jpg" alt="frog (6)"></a><br>frog (10)</td>
<td class='tdImg'><a href='photos/frog (5).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (5).jpg" alt="frog (5)"></a><br>frog (11)</td>
<td class='tdImg'><a href='photos/frog (4).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (4).jpg" alt="frog (4)"></a><br>frog (12)</td>
</tr>
<tr>
<td class='tdImg'><a href='photos/frog (3).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (3).jpg" alt="frog (3)"></a><br>frog (13)</td>

<td class='tdImg'><a href='photos/frog (2).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (2).jpg" alt="frog (2)"></a><br>frog (14)</td>
<td class='tdImg'><a href='photos/frog (1).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (1).jpg" alt="frog (1)"></a><br>frog (15)</td>
<td class='tdImg'><a href='photos/frog (16).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (16).jpg" alt="frog (16)"></a><br>frog (16)</td>
</tr>
<tr>
<td class='tdImg'><a href='photos/frog (17).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (17).jpg" alt="frog (17)"></a><br>frog (17)</td>
<td class='tdImg'><a href='photos/frog (18).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (18).jpg" alt="frog (18)"></a><br>frog (18)</td>
<td class='tdImg'><a href='photos/frog (19).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (19).jpg" alt="frog (19)"></a><br>frog (19)</td>
<td class='tdImg'><a href='photos/frog (20).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (20).jpg" alt="frog (20)"></a><br>frog (20)</td>
</tr>

<tr>
<td class='tdImg'><a href='photos/frog (21).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (21).jpg" alt="frog (21)"></a><br>frog (21)</td>
<td class='tdImg'><a href='photos/frog (22).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (22).jpg" alt="frog (22)"></a><br>frog (22)</td>
<td class='tdImg'><a href='photos/frog (23).jpg' rel='lightbox[gallery]'><img src="thumbs/frog (23).jpg" alt="frog (23)"></a><br>frog (23)</td>
</tr>
<tr>
<td id='pnCell' colspan='4'>
<font face="Arial" size="1"><a href="http://pranas.net/WebGalleryCreator/">
<font color="#FFFF00">Создано с использованием</font></a><font color="#FFFF00"> 
программы</font></font><a class='pn' href='http://pranas.net/WebGalleryCreator/'><font color="#FFFF00"> LightBox Web Gallery Generator</font></a><font color="#FFFF00">

</font>
</td>
</tr>
</table>
</div>
</body>
</html>

Скрипты Lightbox (см. ссылки на них в HTML):
http://www.huddletogether.com/projects/lig...htbox2.03.3.zip

smile

Это сообщение отредактировал(а) quoro - 3.3.2008, 12:56

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »