- Автор темы
- #1
Есть рабочий скрипт - размывает резкость изображения путём подмены одной картинки (чёткой на не чёткую).
Пример h__p://www.arcibasevklinika.com/
Не могу сделать так, чтобы это эффект был в цикле. Т.е. становился размытым, потом обратно и так постоянно.
Пример h__p://www.arcibasevklinika.com/
Не могу сделать так, чтобы это эффект был в цикле. Т.е. становился размытым, потом обратно и так постоянно.
Код:
<SCRIPT type=text/javascript>
<!--
var gblImgRotateDivId = "eye";
var gblImgRotateImgId = "logoimg";
var gblImg = new Array(
"linz_no_blur.jpg"
)
var gblPauseSeconds = 5;
var gblFadeSeconds = 1;
var gblRotations = 6;
var gblDeckSize = gblImg.length;
var gblOpacity = 100;
var gblOnDeck = 0;
var gblStartImg;
var gblImageRotations = gblDeckSize * (gblRotations+1);
window.onload = ImgRotateLaunch;
function ImgRotateLaunch()
{
var theimg = document.getElementById(gblImgRotateImgId);
gblStartImg = theimg.src;
document.getElementById(gblImgRotateDivId).style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
setTimeout("ImgRotateFade()",gblPauseSeconds*1000);
}
function ImgRotateFade()
{
var theimg = document.getElementById(gblImgRotateImgId);
var fadeDelta = 100 / (30 * gblFadeSeconds);
if (gblOpacity < 2*fadeDelta )
{
gblOpacity = 100;
if (gblImageRotations < 1) return;
photoRoteter();
setTimeout("ImgRotateFade()",gblPauseSeconds*1000);
}
else
{
gblOpacity -= fadeDelta;
setOpacity(theimg,gblOpacity);
setTimeout("ImgRotateFade()",30);
}
}
function photoRoteter()
{
var thediv = document.getElementById(gblImgRotateDivId);
var theimg = document.getElementById(gblImgRotateImgId);
theimg.src = gblImg[gblOnDeck];
setOpacity(theimg,100);
gblOnDeck = ++gblOnDeck % gblDeckSize;
if (--gblImageRotations < 1)
{
gblImg[gblOnDeck] = gblStartImg;
}
thediv.style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
obj.style.filter = "alpha(opacity:"+opacity+")";
obj.style.KHTMLOpacity = opacity/100;
obj.style.MozOpacity = opacity/100;
obj.style.opacity = opacity/100;
}
//-->
</SCRIPT>