Podstrony
|
 |
telcocafewitam!Jak wykonać rollover podmieniający obrazek, wykorzystując tylko style css (bez java scriptu) ? Mam kod: <style type="text/css"> .rollover { position: relative; font-family: arial, helvetica, sans-serif; background: url(obrazki/wieza.jpg) no-repeat; white-space: nowrap; display: block; width: 130px; height: 140px; margin: 0; padding: 0; } .rollover a { display: block; color: #000000; font-size: 11px; width: auto; height: auto; float: left; color: black; text-decoration: none; } .rollover img { width: auto; height: auto; border: 0 } * html a:hover { visibility:visible } .rollover a:hover img { visibility:hidden } </style> <div class="rollover"> <a href="http://www.URL.com"><img src="obrazki/wieza_.jpg" alt="Alternative text" style="width:80px; height:140px;"/></a> </div> Ale to jest chyba trochę przydużo kodu css jak na jeden obrazk... (na stronie mam 10 - 12 obrazków wykorzystujących ten efekt i mam to skopiować tyle razy ile mam obrazków, czy można to zrobić jakoś bardziej uniwersalnie? ) Nie wczytywałem się w kod, ale po przeczytaniu pierwszego zdania w Twoim poście nasunął mi się taki pomysł: robisz sobie DIVA, w jego klasie dajesz styl background-image, potem tworzysz wykorzystując selektor pseudoklasy hover inne tło (o ile oczywiście chcesz podmienić obrazek po najechaniu myszką) :) Użytkownik kutar edytował ten post 01 październik 2007, 17:44 |
|
|
| Sitedesign by AltusUmbrae. | ||||
W trosce o komfort korzystania z naszego serwisu chcemy dostarczac Ci coraz lepsze uslugi. By moc to robic prosimy, abys wyrazil zgode na dopasowanie tresci marketingowych do Twoich zachowan w serwisie. Zgoda ta pozwoli nam czesciowo finansowac rozwoj swiadczonych uslug.
Pamietaj, ze dbamy o Twoja prywatnosc. Nie zwiekszamy zakresu naszych uprawnien bez Twojej zgody. Zadbamy rowniez o bezpieczenstwo Twoich danych. Wyrazona zgode mozesz cofnac w kazdej chwili.