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.

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

Herkeze Kolay Gelsin.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Eline sağlik güzel konu, güzel anlatim...
• 10 yıl önce
dostum ben beceremedim biraz daha detaylara giremez misin?
• 10 yıl önce
Neresinde takıldınız yardımcı olayım?
• 10 yıl önce
:-dusun:ben yapabilirmiyim
• 10 yıl önce
ben yeni üyeniz olarak vep tasarımı sıfırdan ögrenmek istiyorum beni yönlendirirmisinz
• 10 yıl önce
hiç anlaşılır bir ders değil.denedim maalesef olmadı.karşıma çıkan problemleri çözecek bilgileri bulamadım derste.
Herşeyi sırasıyla yaptıysanız bir problem çıkmaması gerekiyor.Sorununuz nedir yardımcı olmaya çalışalım?
• 10 yıl önce
gzL caLsma saoL
• 10 yıl önce
CS3'te mi yapıldı çalışma?
• 10 yıl önce
Evet Cs3.
• 10 yıl önce
ben DW8 dede denedim oldu. çok güzel :) elelrinize sağlık
• 10 yıl önce
Manşet haber sistemi olarak kullanılabilir değilmi.? ??
• 10 yıl önce
Evet neden olmasın,biraz daha geliştirilse daha iyi olur.
• 10 yıl önce
çok güsel çalışma, javascriptle uzun uzun yapabilceğimz işi 2 dakikada halledebiliyorsun, eline sağlık
• 10 yıl önce
Paylaşım için teşekkürler.Hora geçti
• 10 yıl önce
resmimize bir isim veriyoruz derken nereden veriyoruz.anlayamadım. alternate texte yazınca sizinki gibi swap image'da görünmüyor. unnamed çıkıyor. Bir de ilk yazımızı seçiyoruz derken ilk yazı hangisi oluyor. Teşekkür ederim
• 10 yıl önce
Örneğin http://www.ziraatmuhio.k12.tr/# sitesindeki gibi sayıların üzerine gelindiğinde hem resim hem de açıklama nasıl ekleriz?
• 10 yıl önce
Emeğiniz için teşekkür ediyorum. Fakat şu işi görsel yapsanız daha makbule geçecekti. Biz gibi acemiler görmeden anlayamıyor :)
• 10 yıl önce
güzel bir konu
• 10 yıl önce
yalnız ben deniyorum olmuyor bana yardımcı olurmusunuz
• 10 yıl önce
Paylaşım için teşekkürler ama bu tablodaki resim geçişlerine nasıl efekt verebilirim yardımcı olursanız sevinirim... Şimdiden teşekkürler
• 10 yıl önce
Biz bunu dreamweaver'ın hazır Javascript kodlarıyla yaptık,efekt için farklı kodlar yazmanız gerekmektedir.
• 9 yıl önce
ben dediğiniz her adımı uyguladığım halde hiç birşey olmuyo :)
• 9 yıl önce
Hocam eline sağlık. Fakat benim bir sorunum var. yapmaya çalıştım. Fakat yazıların üzerine gelince, resimler ben de benim sitenin logosunun olduğu bölümde görülüyor ve değişiyor. Yani alakasız bir yerde. Bir de ben bu yazılara link de verdim. yardımcı olabilr misiniz? Acaba nerede hata yapıyorum.? Yani resimler sizin belirtiğniz şekildeki yerde değişmiyor. Çok alakasız yerde değişiyorlar. bir de bendeki resimleri ismi hep isimsiz olarak geçiyor. yani bu işlemi yaparken resme hangi şamada ve nerde isim vereceğim. Yradımcı olabilirsen çok sevinirim. Çünkü uzun süredir böyle bir konu arıyordum. Antaımın için çok teşekkürler.

Yukarı Git