<html>
<head>
<style type="text/css">
table{border-collapse: collapse;}
td{padding: 0px; margin: 0px;}
.logo_caption{width: 25%; font-family: Arial, Verdana; font-size: 10pt; font-weight: bold;}
img {border: none;}
img.logo {width: 66px; height: 66px;}
</style>
<script type="text/javascript" language="JavaScript">
var objTopImage = null;
var objBottomImage = null;
var arrImagesSrc=Array(
'i3.jpg',
'i3b.jpg',
'i3c.jpg',
'i3d.jpg'
);
var position=0;
function onBodyLoad() {
objBottomImage=document.getElementById('stack').firstChild;
// грузим заднюю картинку
objBottomImage.onload = disolveImages;
objBottomImage.src='./'+arrImagesSrc[position];
}
function disolveImages() {
var stack=document.getElementById('stack');
// меняем картинки местами
stack.insertBefore (stack.lastChild, stack.firstChild);
objTopImage = stack.lastChild;
objBottomImage = stack.firstChild;
position = (position+1)%arrImagesSrc.length;
objBottomImage.style.opacity=1.0;
objBottomImage.style.filter='alpha(opacity=100)';
// грузим заднюю картинку
objBottomImage.onload = function () {
setTimeout(disolveImage, 100);
}
objBottomImage.src='./'+arrImagesSrc[position];
}
function disolveImage() {
var opacity;
switch (navigator.appName) {
case "Microsoft Internet Explorer":
opacity=objTopImage.style.filter;
opacity=opacity.substr(14,(opacity.length-15))
opacity=parseInt(opacity);
opacity-=10;
objTopImage.style.filter='alpha(opacity='+(opacity)+')';
break;
//case "Netscape":
default: // и для Оперы то же
opacity=objTopImage.style.opacity;
opacity=parseFloat(opacity);
opacity-=0.1;
objTopImage.style.opacity=opacity;
break;
}
if (opacity)
setTimeout(disolveImage, 100);
else
setTimeout(disolveImages, 2000);
}
onload=onBodyLoad;
</script>
</head>
<body style="margin: 0 0 0 0; background-color: #00633F; background-image: url('images/g.gif'); background-repeat: repeat-x;">
<div id="stack" style="position: absolute;top:100px;left:200px;"><img width="205" height="223" id="id_trading_card_bottom" src="images/i3b.jpg" style="position: absolute;"><img width="205" height="223" id="id_trading_card_top" src="images/i3.jpg" style="position: absolute;"></div>
</body>
</html>
Новости дизайна |
Галереи |
О проекте |
RSS
Правила |
FAQ |
Поиск |
Наша команда |
Регистрация |
Вход
… 
… 
… +3
)
