1.085 kez okundu

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

10 10 1.085 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.

Paylaş !

Yorum yap

Önceki yazıyı okuyun:
Dreamwaverı Türkçe Dil Yapma

Dreamwaverı Türkçe Dil Yapma

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter