Настраиваем скрипт как вам надо и ставим в html-низ.

<script language="JavaScript">
if (document.images) {       
img1on = new Image();   
img1on.src ="картинка при наведении мышки";
img1off = new Image();     
img1off.src = "картинка в обычном состоянии";
img2on = new Image();   
img2on.src ="при наведении";
img2off = new Image();     
img2off.src = "обычная";

}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
</script>

Здесь пример когда нам надо поставить две меняющиеся картинки (тоесть в сумме всего 4). Если надо добавить больше, то копирум зелёный блок и не забываем менять выделенное жирным число по порядку. Если он не нужен, то просто стираем.

Далее ставим код данный ниже в любое место на форуме, где хотите видеть картинку.

<a href="ссылка" onMouseOver="imgOn('img1')"; onMouseOut="imgOff('img1')"><img src="ссылка на картинку в обычном состоянии" border="0" name=img1></a>

Здесь есть параметр ссылка, т.е. куда мы перейдём, кликнув на картинку. Если вам это не надо, то поставте туда решётку #