Web sitelerimizde özellikle menü yaparken normalde siyah beyaz gözüken bir resmin üzerine gelince renklenmesini isteriz.
Bunu bir siyah beyaz resim, bir de renkli resim olmak üzere iki resim kullanarak kolaylýkla yapabiliriz. Dreamweaver in Rollover Image aracını kullanarak bunu yapmak çok kolay.
Ancak biz bu örneðimizde bunu tek bir resim kullanarak yapacagız. Kullanacagımız resim renkli olacak ve griye çevirme iþlemini filtre kullanarak yapacagız...
Öncelikle bu efekti uygulamak istediginiz resmi belirleyin ve sayfanıza ekleyin.
Daha sonra normalde siyah beyaz olarak açılması için resminizin <img> tagına style="filter:gray();" kısmını ekleyin.
Mouse üzerine gelince renklenmesi için yine <img> tagýna onmouseover="this.style.filter='none'" kodunu ekleyin.
Mouse üzerinden çıkınca tekrar siyah beyaza dönmesi için de onmouseout="this.style.filter='gray()'" kodunu ekleyin.
Sonuçta <img> tagı asagıdaki gibi olmalı...
<img style="filter:gray();" onmouseover="this.style.filter='none'" onmouseout="this.style.filter='gray()'" src="deneme.jpg" />
ii çalısmlar...
