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

Тема в разделе "Мегафлуд", создана пользователем lolshik, 20 окт 2009.

Статус темы:
Закрыта.
  1. lolshik

    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>
     
Статус темы:
Закрыта.