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;
Mümin KAZAN
1993'te dünyaya geldi. Lise eğitimini Anadolu Teknik Lisesi - Web Tasarım bölümünü bitirdi.Üniversite eğitimini Erzincan Üniversitesi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi bölümünde devam ettirmektedir.Gün geçtikçe yeni bir şeyler öğrenmeyi, kendini geliştirmeyi seviyor. Vazgeçemediği hobisi, fotoğraf çekmektir.
Yorum Yaz

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

Eline sağlik güzel konu, güzel anlatim...
dostum ben beceremedim biraz daha detaylara giremez misin?
Neresinde takıldınız yardımcı olayım?
:-dusun:ben yapabilirmiyim
ben yeni üyeniz olarak vep tasarımı sıfırdan ögrenmek istiyorum beni yönlendirirmisinz
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?
gzL caLsma saoL
CS3'te mi yapıldı çalışma?
Evet Cs3.
ben DW8 dede denedim oldu. çok güzel :) elelrinize sağlık
Manşet haber sistemi olarak kullanılabilir değilmi.? ??
Evet neden olmasın,biraz daha geliştirilse daha iyi olur.
çok güsel çalışma, javascriptle uzun uzun yapabilceğimz işi 2 dakikada halledebiliyorsun, eline sağlık
Paylaşım için teşekkürler.Hora geçti
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
Örneğin http://www.ziraatmuhio.k12.tr/# sitesindeki gibi sayıların üzerine gelindiğinde hem resim hem de açıklama nasıl ekleriz?
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 :)
güzel bir konu
yalnız ben deniyorum olmuyor bana yardımcı olurmusunuz
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
Biz bunu dreamweaver'ın hazır Javascript kodlarıyla yaptık,efekt için farklı kodlar yazmanız gerekmektedir.
ben dediğiniz her adımı uyguladığım halde hiç birşey olmuyo :)
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