Po najechaniu na zdjęcie, pojawia sie inne

[belzewub133]

Witam, zastanawiam się jak uzyskać podobny efekt na stronie jak na tej:
http://www.funclub.pl/?name=article&op=show&id=50
A mianowicie po najechaniu na fotke pojawia się inne.
Pomocy?!

[nikszal]

Zajrzyj do źródła strony:

#agnieszka {
max-width:147px;
height:224px;
background-repeat:no-repeat;
background:url('http://www.funclub.pl/files/kfmfiles/agnieszka lukasik.jpg');
}
#agnieszka:hover {
background:url('http://www.funclub.pl/files/kfmfiles/agnieszka lukasik2.jpg');
}

[belzewub133]

A jak mam wykonać coś takiego w joomli? Nie ukrywam że jestem laikiem. Dokładnie zalezy mi aby z menu tylko w jednej pozycji mi wyswietlalo tak zdjecia

[zwiastun]

To nie jest zadanie dla laika! Przykład masz powyżej. W Joomla każda pozycja menu ma w kodzie źródłowym niepowtarzalny atrybut klasy itemXX, który można wykorzystać do takiej stylizacji.

[nikszal]

Wyłącz edytor, w artykule zastosuj bloki (div) i sformatuj je w arkuszu css. Przykład formatowania, który podałem wyżej jest żywcem skopiowany ze strony źródłowej. Musisz mieć 2 podobne zdjęcia, które będą się zmieniać po najechaniu myszą.

Edit:

W artykule

<div id="agnieszka" align="center"> </div>
W arkuszu css jest taki kod:

#agnieszka {
max-width:147px;
height:224px;
background-repeat:no-repeat;
background:url('http://adres_obrazka (http://www.funclub.pl/files/kfmfiles/agnieszka) lukasik.jpg');
}
#agnieszka:hover {
background:url('http://adres_obrazka2 (http://www.funclub.pl/files/kfmfiles/agnieszka)lukasik2.jpg');
}Rozmiary width i height dopasuj do wielkości obrazków, jakie posiadasz.