Yazıların üzerine gelince değişen resim yapımı

Yazıların üzerine gelince değişen resim yapımını anlatalım.

İlk önce resimdeki tablo gibi bir tablo yapıyoruz.Ben resimlerimi ve yazılarımı tabloya ekleyeceğim sizde div'e felan ekleyebilirsiniz.

[Resimleri görebilmek için üye olun veya giriş yapın.]

Kod:: <table width="252" border="1">
<tr>
<td width="137">Dreamveaver</td>
<td width="188" colspan="2" rowspan="5"> </td>
</tr>
<tr>
<td>Fireworks</td>
</tr>
<tr>
<td>JavaScript</td>
</tr>
<tr>
<td>Asp.Net</td>
</tr>
<tr>
<td>SanalKurs.Net</td>
</tr>
</table>

[Resimleri görebilmek için üye olun veya giriş yapın.]

Şimdi resimdeki gibi <td width="188" colspan="2" rowspan="5"> </td> hücremize resmimizi ekliyoruz ve resmimize bir isim veriyoruz.Ben name="mmn" verdim.

[Resimleri görebilmek için üye olun veya giriş yapın.]

İlk yazımızı seçiyoruz ve Tag Inspector panelinden Behaviors bölümüne geçiyoruz.Add Behaviors'a tıklıyoruz Swap Image seçeneğini seçiyoruz.Karşımıza resimdeki gibi bir pencere gelecektir. Dreamveaver yazısının üzerine gelince hangi resmin geleceğini belirledik.Her yazıya bu şekilde ayrı ayrı swap image uyguladık ve işimiz bitti.

Çalışmamızı kaydedebiliriz.

Herkeze Kolay Gelsin.