Menu obrazkowe z pojawiającym się tekstem

[pitrazzz]

Witam.

Nie wiem jak ugryźć to zagadnienie.

Potrzebuję menu z kilkoma obrazkami i zależnie na które się najedzie to pokaże się zamiast obrazka inny tekst.

Podpowie ktoś?

[alan0z]

Opisz jaśniej czego potrzebujesz, a najlepiej podaj link do strony gdzie takie menu funkcjonuje...

[pitrazzz]

Właśnie kiedyś to widziałem ale nie pamiętam gdzie.

Załóżmy, że mam kilka linków obrazkowych.

Po najechaniu kursorem na jeden z nich wyświetla się np napis "kontakt" zamiast tego obrazka. Wiem, że napis kontakt mógłbym zrobić w formie np jpg ale tego nie chce, chcę tekstowo:P

Nie wiem jak to jaśniej wyjaśnić

[alan0z]

Należy po najechaniu na link (zdarzenie hover) zakodować jego wygląd. Wiec na pewno w css trzeba by zdjąć linkowi tło:

.menu li a#Kontakt
{
background-image:url(url_obrazka_kontakt.jpg);
}

.menu li a#Kontakt:hover
{
 background-image:none;
}

Jeśli witryna wykorzystuje jQuery trzeba by dokleić prostą funkcję, przypisującą text do linka (i zdejmującą go po odjechaniu myszą poza link).

Można np. wypisywać na ekran taki text, jaki nadamy linkowi atrybutem title.

jQuery('.menu li a').hover(function()
{
 jQuery(this).text(jQuery(this).attr('title'));
},
function()
{
 jQuery(this).text('');
});

Podmianę obrazków tła elementów też da radę tak zrobić, ale chyba lepiej załatwić to na poziomie css'a. No i tworzysz menu:

<ul class="menu">
 <li><a href="kontakt.html" tilte="Kontakt"></a></li>
<li><a href="oferta.html" tilte="Oferta"></a<</li>
</ul>

Nie testowane, jak nie zrobisz samemu to się nie nauczysz

[pitrazzz]

z jqeury nie korzystam i nie za bardzo wiem jak to wstawić

[alan0z]

https://lmgtfy.com/?q=do%C5%82%C4%85czanie+biblioteki+jquery#