Bu javascript uygulaması ile yazılara resimlere, menü linklerine kolayca fade efekti verebilrisiniz.
Örnek :
Fader
<head></head> taglarınızın arasına aşağıdaki kodu girin
<script type="text/javascript" src="gradualfader.js">
/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
Burada gradualfader.js dosyasına http://ucan.gen.tr/javascript/fader/gradualfader.js adresinden ulaşabilirsiniz
Daha sonra
Efekti uygulamak için efekt vereceğimiz resme class="gradualfader" atıyoruz.
Örneğin
<img src="test.gif" class="gradualfader" />
<a href="https://www.r10.net" class="anotherclass gradualfader"><img src="dd.gif" /></a>
<div style="width: 300px; border: 1px solid gray; background: blue" class="gradualfader">
Buraya Yazı
</div>
En son olarak
</body> tagından önce
<script type="text/javascript">
gradualFader.init() //Fader aktive ediliyor
</script>
eklemeyi unutmayın
Kaynak :
Dynamic Drive- Gradual Element Fader