Obrazek + opis działu - zmiana przy najechaniu kursorem

wersja skryptu MyBB: 1.6.12
adres forum: www.prettylittleliars.com.pl/forum
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

czy jest możliwe aby najeżdżając na obrazek do działu pojawiał/zmieniał się on na opis działu? chodzi mi dokładnie o coś w tym stylu:

OBRAZEK DO DZIAŁU:


PO NAJECHANIU KURSOREM NA OBRAZEK DZIAŁU:

http://jsfiddle.net/SLAVOO/HMWR2/

możesz mi jeszcze pomóc gdzie te kody dokładnie umieścić?
jak umieszczam tylko w opisie działu, nie wychodzi tak jak powinno, powinnam jeszcze gdzieś w szablonach to dać?
przepraszam, jestem początkująca w kodach.

nie wychodzi tak jak powinno

A jak wychodzi?

Co umieszczasz i dokładnie gdzie?

nie zmienia się podgląd jak najeżdżam na obrazek.

gdzie powinnam wstawić kod z javą?

Kod js wstaw do headerinclude

też nie działa

Napisz może kolejno gdzie JS, CSS, i HTML wklejasz.

JS - szablony -> headerinclude
CSS - style -> global
html - działy

Masz dodaną bibliotekę jQuery do headerinclude?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 


tak, i nadal źle

W ogóle w kodzie Twojej strony nie widzę mojego kodu.
A w headerinclude nie ma biblioteki jQuery

ten obrazek próbuję ustawić w archiwum na pierwszy dział: http://www.prettylittleliars.com.pl/foru...php?fid=35

Dodaj kody do global.css i do headerinclude

jest dodane.

w global css:

div.fadehover {
position: relative;
}

img.a {
position: absolute;
z-index: 10;
}

w headerinclude :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
jQuery(document).ready(function(){

jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});

});</script>