Zmiana obrazka na okienko z informacją po najechaniu na obrazek


(Lbk) #1

Tak jak w temacie potrzebuję pomocy ze zmianą obrazka na okienko z informacją po najechaniu na obrazek.

Oto mój kod HTML którym dodaję obrazek (musi być taki):

http://asdas.pl">    <a  href="http://asdas.pl"><img src="images/portal.png" width="230" height="131" />

 

Kod podany wyżej dodaje dwa obrazki obok siebie, tu jest live: http://cs-pogram.pl/new/


(Lchrom) #2

Możesz użyć w stylu css metody hover, czyli ustawić jako tło znacznika a to: “images/forum.png”, a jako tło a:hover ustawić to “images/portal.png”

.


(Lbk) #3

Dzięki, czy mógłbyś podać kod który muszę wpisać w css ?

Dopiero zaczynam :slight_smile:


(jacko1998) #4

Tu masz przystępnie i po polsku opisane - http://goo.gl/33W3jb


(Lbk) #5

Czytając to czułem się jak na matematyce :D 

Tylko że w tym “poradniku” chodzi o tekst i zmianę koloru a moje pytanie dotyczy tego aby po najechaniu na obrazek wyświetlało się na jego miejscu okienko z informacją.

Proszę o kod jeśli to nie problem.


(Lchrom) #6

W html wpisujesz tak:

<a href="adres_odnosnika"><div id="odnosnik"></div></a>

a w CSS tak:

#odnosnik
{
width: ; //szerokość taka jaką ma twój obrazek tła
height: ; //wysokość
background-image: url(link_do_tla);
}

#odnosnik:hover
{
width: ; //szerokość taka jaką ma twój obrazek tła
height: ; //wysokość
background-image: url(link_do_tla_po_najechaniu);
}

(Lbk) #7

<a href=“adres_odnosnika”><div id=“odnosnik”></div></a>

Dodaję obok obrazka który chce aby się zmieniał tak ?


(jacko1998) #8

Poczytaj troszkę o HTML i CSS proszę. @luckiblue, wszystko Ci napisał, ba nawet wykomentował.


(manieKMP) #9

A może coś takiego?

 

PS. Uprzedzając, wersja z odnośnikami.