Код JavaScript "Летающие фото"
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:#A1FEF9; LEFT: 0px;
PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR:
crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%;
zIndex: -2
}
IMG {
BORDER-RIGHT: #150 1px solid; BORDER-TOP: #150 1px solid; LEFT: -10000px;
BORDER-LEFT: #150 1px solid; CURSOR: pointer; BORDER-BOTTOM: #222 1px solid; POSITION: absolute
}
</STYLE>
<SCRIPT type=text/javascript>
window.onerror = new Function("return true");
screen.bufferDepth = 16;
object = new Array();
am = 60;
TEMPO = 6000;
W0 = 0;
H0 = 0;
nx = 0;
ny = 0;
K = 0;
Kb = -1;
function zoomIn(N){
object[N].img.cursor="crosshair";
object[N].zoomIn();
object[N].img.zIndex=0;
}
function zoomOut(N){
object[N].img.cursor="pointer";
object[N].zoomOut();
}
function zyva(N){
if(N!=Kb){
clearTimeout(object[Kb].TO);
zoomIn(N);
object[Kb].BR=true;
zoomOut(Kb);
Kb=N;
}
}
function nextImg(){
if(Kb>=0)zoomOut(Kb);
Kb=K%nbI;
zoomIn(Kb);
K++;
}
function CObj(N,img){
this.A = Math.round(Math.random()*10)+1;
this.B = Math.round(Math.random()*10)+3;
this.k = 0.1 * N;
this.L = 0;
this.T = 0;
this.W = W0;
this.H = H0;
this.xb = 0;
this.img = img.style;
this.img.zIndex = 1;
this.obj = "object["+N+"].";
this.BR = false;
this.TO = 0;
this.mainloop = function () {
with (this) {
k += 0.001;
L = ((nx-W) * .5) + (Math.cos(k * A) * .5) * (nx - W);
T = ((ny-H) * .5) + (Math.cos(k * B) * .5) * (ny - H);
with(img){
width = Math.floor(W);
height = Math.floor(H);
top = Math.floor(T);
left = Math.floor(L);
}
setTimeout(obj+"mainloop();", 32);
}
}
this.zoomIn = function() {
with (this) {
W += (nx - W) * (.1 * am/(.01+(nx - W)));
H += (ny - H) * (.1 * am/(.01+(nx - W)));
if(!BR){
if(W >= nx) TO=setTimeout("nextImg();", TEMPO);
else setTimeout(obj+"zoomIn();", 32);
}
}
}
this.zoomOut = function() {
with (this) {
W -= W / (am * .5);
H -= H / (am * .5);
if(W >= 2) setTimeout(obj+"zoomOut();", 32);
else {
BR=false;
img.zIndex=1;
zoomStart();
}
}
}
this.zoomStart = function() {
with (this) {
W++;
H += H0 / W0;
if(W
}
}
this.mainloop();
}
function resize() {
nx = document.body.clientWidth;
ny = document.body.clientHeight;
W0 = nx / nbI;
H0 = ny / nbI;
if(H0
}
onresize = resize;
onload = function() {
img = document.getElementById("IMG").getElementsByTagName("img");
nbI = img.length;
resize();
for(i=0;i
nextImg();
}
</SCRIPT>
<body>
<script language="JavaScript" src="../../menu.js"></script>
<DIV id=IMG style="Z-INDEX: 1"><IMG onclick=zyva(1)
<img src="../Image/isf10.jpg" width=500 height=375 border=0><IMG onclick=zyva(1)
<img src="../Image/isf3.jpg"> <IMG onclick=zyva(2)
<img src="../Image/isf2.jpg"> <IMG onclick=zyva(3)
<img src="../Image/isf 4-1.jpg"> <IMG onclick=zyva(4)
<img src="../Image/isf6.jpg"> <IMG onclick=zyva(5)
<img src="../Image/isf11.jpg"> <IMG onclick=zyva(6)
<img src="../Image/isf5.jpg">
</DIV>