NexTi
(Lbk)
7 Luty 2014 20:03
#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):
<p><center><a href=“http://asdas.pl ”><img src=“images/forum.png” width=“230” height=“131” /> <a href=“http://asdas.pl”><img src=“images/portal.png” width=“230” height=“131” /></center></p>
Kod podany wyżej dodaje dwa obrazki obok siebie, tu jest live: http://cs-pogram.pl/new/
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”
.
NexTi
(Lbk)
8 Luty 2014 09:08
#3
Dzięki, czy mógłbyś podać kod który muszę wpisać w css ?
Dopiero zaczynam
Tu masz przystępnie i po polsku opisane - http://goo.gl/33W3jb
NexTi
(Lbk)
8 Luty 2014 14:59
#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.
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);
}
NexTi
(Lbk)
8 Luty 2014 15:36
#7
<a href=“adres_odnosnika”><div id=“odnosnik”></div></a>
Dodaję obok obrazka który chce aby się zmieniał tak ?
Poczytaj troszkę o HTML i CSS proszę. @luckiblue , wszystko Ci napisał, ba nawet wykomentował.
manieKMP
(manieKMP)
8 Luty 2014 20:01
#9
A może coś takiego ?
PS. Uprzedzając, wersja z odnośnikami .