Obrazek + opis działu - zmiana przy najechaniu kursorem

Założony przez  infinity8692.

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:
[Obrazek: d4psyIb.png]

PO NAJECHANIU KURSOREM NA OBRAZEK DZIAŁU:
[Obrazek: VhrunYp.png]
http://jsfiddle.net/SLAVOO/HMWR2/
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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.
infinity8692 napisał(a):nie wychodzi tak jak powinno

A jak wychodzi?

Co umieszczasz i dokładnie gdzie?
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
nie zmienia się podgląd jak najeżdżam na obrazek.

gdzie powinnam wstawić kod z javą?
Kod js wstaw do headerinclude
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
też nie działa:(
Napisz może kolejno gdzie JS, CSS, i HTML wklejasz.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
tak, i nadal źle:(
W ogóle w kodzie Twojej strony nie widzę mojego kodu.
A w headerinclude nie ma biblioteki jQuery
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
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
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
jest dodane.

w global css:

Cytat:div.fadehover {
position: relative;
}

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

w headerinclude :

Cytat:<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>



Użytkownicy przeglądający ten wątek:

1 gości