Sinan Erdinç » silik resimler http://www.sinanerdinc.com işte böyle düşüncelerim var Wed, 01 Sep 2010 07:35:44 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Websitemize Silik Resimler http://www.sinanerdinc.com/websitemize-silik-resimler/ http://www.sinanerdinc.com/websitemize-silik-resimler/#comments Tue, 26 Aug 2008 21:29:16 +0000 Sinan Erdinç http://www.sinanerdinc.com/?p=49 Websitemiz için silik resimler kullanmayı anlatacağım.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 ben.

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.

]]> http://www.sinanerdinc.com/websitemize-silik-resimler/feed/ 3