antalya web tasarım

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

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.

<table width=”252″ border=”1″>

  <tr>
    <td width="137">Dreamveaver</td>
    <td width="188" colspan="2" rowspan="5">&nbsp;</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>

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

İ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.