Linke Gelince Değişen Resim (Javascript Rollover) - Google Fan Webmaster Forum
Google Fan Webmaster Forum  

Geri Dön   Google Fan Webmaster Forum > Server Side Programlama > PHP

PHP R10.net Php sevenler klubü. Kodlama soru(n)ları & acil php yardım hattı.

Cevapla
 
LinkBack Konu Seçenekleri
  #1 (permalink)  
Eski 28-08-2007, 00:59:11
yasarkemaldag - ait Avatar
 
Ankara Şubesi
Nerden: Ankara
Mesajlar: 666
Thanks: 0
Thanked 0 Times in 0 Posts
iTrader Puanı: (0)
iTrader Feedback: (0%)
Rep puanı: 173
yasarkemaldag isimli üyemiz daha yolun başında.yasarkemaldag isimli üyemiz daha yolun başında.
Thumbs up Linke Gelince Değişen Resim (Javascript Rollover)

Baktım forumda istekler artıyor bu makaleyi yazayım dedim
Şimdi yardım konusuna yazmadın niye yeni konu açıyorsun diye düşünenlere söyleyim.Amacım Seo Googledan arayanlarda yararlanması için.

şimdi a.jpg ve b.jpg adında 2 tane resimimiz var.

sayfamızda birde link var diyelim.mouse bu link üzerine gelince resim değişsin çekince eski haline gelsin diyelim.

javascript kullanacağım bunun için.

Hazırsanız Başlayalım:

önce
Code:
<img src="a.jpg" name="resim" id="resim">
adı ve id değeri resim olan bir resim oluşturdum.

sonra javascript fonksiyonlarımızı yazacaz.

Code:
<script language="javascript">
function ykd_resim_over() {
document.resim.src="b.jpg";
}
function ykd_resim_out() {
document.resim.src="a.jpg";
}
  </script>
yukarıdaki kodda resim_over fonksiyonunda resim isimli nesnenin src değerini b.jpg resim_out ta ise a.jpg olarak ayarladım.

şimdi sayfamıza bir link ekleyelim.

Code:
<a href="#" onMouseOver="ykd_resim_over();" onMouseOut="ykd_resim_out();">Resim Değiştirme Linki (Mause yi üzerine getirip çekin)</a>
burada ise onMouseOver yani mousenin linkin üzerine geldiği anda ykd_resim_over fonksiyonunu onMouseOut yani mouse linki terkettiği anda ise ykd_resim_out fonksiyonunu çalıştırmasını söyledim.

Şimdi sayfamızı kaydedelim ve deneyelim.

örnek olarak alttaki kodları kopyalayıp not defterine yapıştırın ve sayfayı a.html olarak kaydedin.a.html dosyasının olduğu yere a.jpg ve b.jpg adında 2 tanede resim dosyası ekleyin ve deneyin.

Code:
<html>
<body>
<p><img src="a.jpg" name="resim" id="resim">
</p>
<p>&nbsp;</p>
<p><a href="#" onMouseOver="ykd_resim_over();" onMouseOut="ykd_resim_out();">Resim Değiştirme Linki (Mause yi üzerine getirip çekin)</a>
  <script language="javascript">
function ykd_resim_over() {
document.resim.src="b.jpg";
}
function ykd_resim_out() {
document.resim.src="a.jpg";
}
  </script>
</p>
</body>
</html>
Makale Tamamen Bana Aittir.Değiştirip Başka Forumlarda Kendi Yapmış Gibi Paylaşanlara Hakkım Helal Değildir.

YKD-SoFTWaRe İnternet Hizmetleri
Yetkili: Yaşar Kemal D
Ana Sayfa <----> YKD-SoFTWaRe İnternet Hizmetleri
__________________
Alt Yapımızı Geliştirip Yeniden Yapılanıyoruz. YKDSOFT Çok Yakında Sizlerle...
Alıntı ile Cevapla
  #2 (permalink)  
Eski 29-08-2007, 16:41:16
SanCreaL - ait Avatar
 
Ordu Şubesi
Yaş: 22
Mesajlar: 60
Thanks: 0
Thanked 0 Times in 0 Posts
iTrader Puanı: (0)
iTrader Feedback: (0%)
Rep puanı: 1
SanCreaL isimli üyemiz hakkına hiçbir bilgimiz yok.
SanCreaL - MSN üzerinden Mesaj gönder
Tanımlı

Hocam Eline sğalık Tam radığıklarım diyebilirim =)
Alıntı ile Cevapla
Cevapla


Konuyu Toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Konu Seçenekleri

Yetkileriniz
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-KodlarıKapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık

Okuduğunuz Konuya Benzer Konular
Konu Konuyu Açan Forum Cevaplar Son Mesaj
Sayfa Yenilendiğinde Değişen Resim UNREALCI PHP 7 10-06-2008 22:20:31
Sürekli resim değişen banner Bybadman Flash & Action script 7 29-09-2007 14:57:54
Değişen Resim Sistemi kerim2155 PHP 5 29-08-2007 17:48:52
Resmin üzerine gelince başka bir resim vys ASP 3 11-11-2006 23:24:26

Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 18:42:26 .


 
Telif Hakları vBulletin v3.7.2 © 2000-2008, ve Jelsoft Enterprises Ltd.'e Aittir.
Hosted by Radore Hosting

“İnsanların en hayırlısı, insanlara faydalı olandır”. H.Ş

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198