Rollover Banner Yapımı

[Cihat Şeker]

Web sitelerinde sıkça gördüğümüz rollover (açılır) bannerlar, normalde küçük olarak gözüken mouse ile üzerine geldiğimizde sayfanın üzerine açılan bannerlardır. Peki biz de sitemize nasıl rollover banner yapabiliriz?


1.Aşama

Flash programında bannerımızı tasarlıyoruz. Flash dokümanının boyutu bannerın açılmış boyutuna eşit olmalıdır. Rollover bannerlarda açılmış halin boyutu 468x220 dir. Flash programında 468x220 boyutunda bannerımızı tasarlıyoruz.

Flash dokümanın içerisinde ilk olarak 468x60 boyutu (bannerın kapalı hali) gözükmeli. Mouse ile üzerine geldiğimizde ise banner flashın tamamını kaplayacak şekilde olmalıdır.


2. Aşama

Rollover bannerımızı flash içerisinde tamamladıktan sonra banner.swf olarak export ediyoruz.


3. Aşama

Web sitemizde bannerın gözükmesini istediğimiz yere aşağıdaki kodu ekliyoruz.

<script language="JavaScript1.1" src="rollover.js"></script>

4. Aşama

Rollover bannerın aktif olması için gerekli javascript kodu kullandığımız sayfa ile aynı klasöre kopyalıyoruz.

Rollover bannarımız kullanıma hazır...
Ek dosyaları indirmek için tıklayın.