O halde hemen örnekleyelim:
Kod:
+-------------------------------------------------+
| | |
| | |
| img id="resim" | |
| | Sağ |
| | tarafta |
| div id="icerik" | linkler |
| | |
+-------------------------------------------------+
her linkin onmouseover olayında şöyle bir fonksiyon çağrılmalı:
onmouseover=habergoster('haber.jpg', '<h3>Şok gelişme</h3><p>Şok gelişme vs.vs. vs.</p>');
Kod:
function habergoster(resim, ozet)
{
document.getElementById('resim').src = resim;
document.getElementById('icerik').innerHTML = ozet;
}
Elbette fonksiyonu çağırırken resim isimleri ve özet içerik bilgileri önceden link içine server-side dil ile çekilmiş olmalı. ( Bu durumda php)
Not: lestioni nin belirttiği gibi, src değil innerHTML olmalı ki div de hata vermesin kod.