Websitemize Silik Resimler

Websitemiz için silik resimler kullanmayı merak edenler için geliyor.. Silik derken şöyle, üzerine gelince mouse ise, belirginleşen bir resim.  şurada bir örnek hazırladım sizler için. Kullanışlı ve göze hoş gelen bir javascript ile yapabiliriz bunu. CSS ile de yapılabilir tabiki ama java ile yapılanı anlatacağım.

Java scriptimizi sayfamıza yerleştirelim ilk önce

<script language=”JavaScript1.2″>

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

</script>

Bunu sayfamıza yerleştirdikten sonra şöyle bir kod ile de resimler için kullanıyoruz.

<a href=”resime link vermek için”><img src=”resim linkiniz” border=0 style=”filter:alpha(opacity=20);-moz-opacity:0.2″ onMouseover=”makevisible(this,0)” onMouseout=”makevisible(this,1)”></a>

Sayfamızda da böyle kullanıyoruz. Anlamadığınız yer varsa sorabilirsiniz.