JavaScript Эффект размытия изображения

Статус
В этой теме нельзя размещать новые ответы.

lolshik

Постоялец
Регистрация
21 Фев 2008
Сообщения
316
Реакции
127
Есть рабочий скрипт - размывает резкость изображения путём подмены одной картинки (чёткой на не чёткую).
Пример 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>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху