yazının üzerine gelince yan taraftaki resimin değişmesi

Kodla Büyü
M

mursidem

Site Gezgini
Mesajlar
67
arkadaşlar genelde haber sitelerinde karşılaşıyorum
habere göre resim değişiyor siteye böyle bişi eklemek istiyorum kodlarını bilen var mı
yardım edebilir mi teşekkürler
 
Kod: 
<table border="1" width="100%">
<tr>
<td valign="top" rowspan="3"><img src="http://www.internethaber.com/images/news/52635.jpg" name="haberfoto" id="haberfoto"></td>
<td valign="top">
<a href="haber1.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/52635.jpg';">
HABER1 BAŞLIĞI BURADA</a>
</td>
</tr>
<tr>
<td valign="top">
<a href="haber2.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/58614.jpg';">
HABER2 BAŞLIĞI BURADA</a></td>
</tr>
<tr>
<td valign="top">
<a href="haber3.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/58613.jpg';">
HABER3 BAŞLIĞI BURADA</a>
</td>
</tr>
</table>

Yapılması gereken şey yukarıdaki gibi kullanacağınız resime (img etiketine) name ve id vermeniz daha sonra da diğer haber başlıklarının <a> etiketine onmouseover ( mouse üzerinde) olduğunda ne yapılması gerektiğini yazmak. Bu da haberfoto adlı img etiketinin kaynağını (src) değiştirmek olacak.
 
hangi siteyi beğeniyorsan o siteyi kaydet. sonra frontpage gibi kodlarını görebileceğin bir programda kodları çal :idea: :idea:
 
halukk' Alıntı:
Kod: 
<table border="1" width="100%">
<tr>
<td valign="top" rowspan="3"><img src="http://www.internethaber.com/images/news/52635.jpg" name="haberfoto" id="haberfoto"></td>
<td valign="top">
<a href="haber1.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/52635.jpg';">
HABER1 BAŞLIĞI BURADA</a>
</td>
</tr>
<tr>
<td valign="top">
<a href="haber2.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/58614.jpg';">
HABER2 BAŞLIĞI BURADA</a></td>
</tr>
<tr>
<td valign="top">
<a href="haber3.html" onmouseover="haberfoto.src='http://www.internethaber.com/images/news/58613.jpg';">
HABER3 BAŞLIĞI BURADA</a>
</td>
</tr>
</table>

Yapılması gereken şey yukarıdaki gibi kullanacağınız resime (img etiketine) name ve id vermeniz daha sonra da diğer haber başlıklarının <a> etiketine onmouseover ( mouse üzerinde) olduğunda ne yapılması gerektiğini yazmak. Bu da haberfoto adlı img etiketinin kaynağını (src) değiştirmek olacak.
Genişletmek için tıkla ...


kısa ve öz olmuş hocam çalışıyor... normalde haber sitelieri gizli layer(div) kullanarak hallediyor bu işi. bu çok sade ve güzel gerçekten.. teşekkürler...
 
dediğiniz gibi siteyi kaydediyorum dreamweaverda açtığımda ccs hatası veriyor
ne yapabilirim
 
<p style="margin-top: 0; margin-bottom: 0"> <b> <font color="#000080">
<span style="text-decoration: none">
<font color="#000080" face="Arial" style="font-size: 9pt">
<img border="0" src="resim/buton.gif" width="8" height="8"></font></span></font><font face="Arial" style="font-size: 9pt"><font color="#000080"><span style="text-decoration: none"><font color="#000080" face="Arial" style="font-size: 9pt">&nbsp;
</font>
</span></font> <a href="haber3.htm" onMouseOver="MM_swapImage('a','','haberresim/anket.jpg',1);MM_swapImage('aa','','haberresim/anket.jpg',1)" onMouseOut="MM_swapImgRestore()">
<font color="#FF0000" face="Arial" style="font-size: 9pt">Anket b></p>



okul sitemde kullanıyorum arkadaşlar. inceleyebilirsiniz. yukarıdaki kodlarda resim ismini ve yerini bide url yi değiştirmeniz yeterli olacaktır.
 
veren arkadaşların ellerine saglık çok işimize yaradı sagolun.
 
@ersin_sisman,
Verdiğiniz kodlar dreamweaver'da yapılmış bir sayfaya ait olup, sayfanın üst kısmında MM_swamImgRestore vb. javascript kodlarınında yazılması gerekiyor. Bu haliyle kodlarınız çalışmayacaktır.
 
yakuphan' Alıntı:
@ersin_sisman,
Verdiğiniz kodlar dreamweaver'da yapılmış bir sayfaya ait olup, sayfanın üst kısmında MM_swamImgRestore vb. javascript kodlarınında yazılması gerekiyor. Bu haliyle kodlarınız çalışmayacaktır.
Genişletmek için tıkla ...

hocam kopyala not defterine çalıştır ve dene... kesinlikle bu haliyle eklentisiz çalışıyor...
 
ben debedim bizzat dreamweverda canavar gibi çalışıyor..Aksine bir at nede javascript eklentili denedim o sayfada hata veriyor.yani şu haliyle bu kodlar canavar gibi...
 
daha önce vverilmişti formda xml haber manşet diye aratırsaniz çok örnek var..
 

Ekli dosyalar

  • manset.rar
    183.4 KB · Görüntüleme: 49
Re:

yakuphan' Alıntı:
@ersin_sisman,
Verdiğiniz kodlar dreamweaver'da yapılmış bir sayfaya ait olup, sayfanın üst kısmında MM_swamImgRestore vb. javascript kodlarınında yazılması gerekiyor. Bu haliyle kodlarınız çalışmayacaktır.
Genişletmek için tıkla ...

evet çalışmıyor... @SoundWay hocamın verdiği script çalışıyor...
 
Cevap yazmak için giriş yap yada kayıt ol.
Geri
Üst