Bazı image gallery’lerde veya lightBox diye piyasaya sürülen javascript aparatlarında sık sık rastladığımız bir efekt vardır. Hani şu yavaşça opaklığı artın resim ya tamamen kaybolur ve hemen ardından bir sonraki resim aynı yavaşlıkla opaklık arttırarak (0’dan başlayıp) sahneye gelir yada ilk resim kaybolurken aynı anda altında duran resim git gide belirginleşir vs vs.. Çeşitli yöntemler mevcut ama nasıl yapılacağını hiç düşündünüz mü? Hazır library’lerde çok basit bir şekilde ve türlü olaylar (event) karşısında cevap verebilecek şekilde bu özellik verilebiliyor. Ama nedir bu hadisenin mantığı? Derhal aktaralım efem!..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var kontur = 0;

var timeOut;

function opakOut(yer,hiz){

  if(kontur>0){

    hiz = hiz * 1000

    var yer = document.getElementById(yer);

    mozOp = kontur * 0.01;

    yer.style.opacity = mozOp;

    yer.style.filter = "alpha(opacity="+kontur+")";

    kontur--

    timeOut = setTimeout("opakOut("+yer+","+hiz+")",hiz);}

  else{

    clearTimeout(timeOut);}

}