Forum PHP.pl > [HTML]Efekt hover na elemencie IMG

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Efekt hover na elemencie IMG

dollares123

5.10.2012, 23:39:36

Witam mam problem. Muszę zrobić efekt aby po najechaniu na obrazek (img) na nim pojawiał się kolejny obrazek przyciemnienie z napisem. Nie mam pomysłu jak to zrobić

zrobiłem coś takiego

[HTML] pobierz, plaintext 
#information-bottom ul li a img:hover {
	background: url(../images/przyc.png) no-repeat;
	width: 230px;
	height: 143px;
 
}
[HTML] pobierz, plaintext

i w indexie mam

[HTML] pobierz, plaintext 
<div id="information-bottom">
<ul>
 <li><a href="images/img.png" rel="shadowbox[top]"><img src="images/img.png" alt="x" /></a></li>
</ul>
</div>
[HTML] pobierz, plaintext

Mógłby mi ktoś powiedzieć jak to zrobić bo kombinuje i nic wykombinować nie mogę ;/

Szymciosek

6.10.2012, 00:15:50

HTML:

Kod

CSS

Kod

div a {
    width:  50px;
    height: 50px;
    display: block;
    background-image: url('path_to_image1');
}

div a:hover {
    background-image: url('path_to_image2');
}

Do reszty wierzę, że dojdziesz sam

jepek

6.10.2012, 12:47:54

@dollares123 poczytaj o CSS Sprite

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.