3.418 kez okundu

Dreamweaver da yazıların üzerine gelince değişen resim yapımı

10 10 3.418 kez okundu incelendi

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.

http://www.sanalkurs.net/images/dersler/37293691.jpg
<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>

http://www.sanalkurs.net/images/dersler/20584303.jpg

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

http://www.sanalkurs.net/images/dersler/18903460.jpg

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

Gelen aramalar :

Yoruma kapali.

Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter