Javascript ile üzerine gelince değişen resim
SanalData’yı Google’da tercih edilen kaynak olarak ekleyin
Web siteniz için bir imaj hazırladınız ve resmin üzerine gelince arka tarafta yüklenmiş başka bir resmin görünmesini istiyorsunuz diyelim. Bunun için çok basit bir Javascript kodu bulunuyor. Öncelikle şu java script kodunu, kullanacağınız sayfada <body> etiketinden sonra tanımlayın:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<SCRIPT LANGUAGE=”JavaScript” type=”text/javascript”> <!– Değişen resim if(document.images) { pics = new Array(); pics[1] = new Image(); pics[1].src = “resim1.jpg”; pics[2] = new Image(); pics[2].src = “resim2.jpg”; } function changer(from,to) { if(document.images) { document.images[from].src = pics[to].src; } } //–> </SCRIPT> |
Daha sonra bu değişen resim çalışmasını kullanacağınız yere aşağıdaki kodu ekleyin:
|
1 2 3 |
<a onMouseOver=”changer(‘img1′,2)” onMouseOut=”changer(‘img1′,1)” href=”http://www.sanaldata.com”> <img name=”img1″ border=”0″ vspace=”0″ hspace=”0″ src=”resim1.jpg” alt=”alttag”></a> |
Artık kullandığınız resim1.jpg üzerine mouse imlecini getirdiğinizde resim2.jpg görünecek, mouse imlecini resmin üzerinden çektiğinizde ise tekrar resim1.jpg görünecek. Çalışan örneği görmek için Teknoloji Herşeyim logosunu deneyin (:
Günün zaman çizelgesi
Haber eklenme saatine göre sıralanır.
- Bugün
- Telefon Çekmiyorsa Deneyebileceğiniz Çözümler
- IPTV Nedir? Yasal Yayınlarla Kaçak Servis Arasındaki Fark
- Windows 11 Çalıştır penceresi yenileniyor: Gözat yok
- Apple TV 4K’da 8 GB RAM var, uygulama sınırı 2 GB
- Gemini Docs ve Sheets dosyalarını sohbet içinde düzenliyor
- The Witcher 4 için 2028 çıkış iddiası yeniden gündemde
- Dün
- Akıllı gözlükler mahkeme, okul ve havuzlarda yasaklanıyor
- Expert RAW, Galaxy S27 ile 30 kare DNG çekebilecek
- Fuelio, Android Auto’da yakıt fiyatlarını karşılaştırıyor
- COMAC’ın elektrikli uçağı CE-25A mürettebatla uçtu
- Cloudflare, yapay zekâ ajanları için Kitesurf’ü açtı
- BMW M 1000 RS tanıtıldı: 215 beygir, 196 kg
- GTA 6’nın hikâyesi 50 saat, platin kupası 200 saat sürebilir
- SİPER Ürün-2’nin menzili 150 kilometreyi aşıyor
Harun Kılıçlar
Harun, yazılım geliştirme, web teknolojileri, mobil uygulamalar, veritabanı sistemleri ve yapay zekâ üzerine çalışan bir teknoloji editörüdür. SanalData’nın kurucusu olarak yazılım, yapay zekâ, mobil teknolojiler ve teknoloji sektöründeki gelişmeleri izler ve değerlendirir.