Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Jak zrobic cos takiego jak na stronie allegro. Zajezdzam myszka na towar i pojawia sie opis towaru w nowym okienku.
Forum PHP.pl > Forum > Przedszkole
-poli25-
Jak zrobic cos takiego jak na stronie allegro (link poniżej). Zajezdzam myszka na towar i pojawia sie dodatkowy opis i zdjecie towaru w nowym okienku obok zdjecia pierwotnego. Dodam, że najbardziej zastanawia mnie to w jaki sposób to dodatkowe okno znika dla 2 opcji albo myszka zjedzie z obrazka, albo z nowo powstałego okna dialogowego. Szukam w siecie modal window on hover próbuje też cos sam zrobić ale nie udaje mi się. ;(



  1. http://allegro.pl/listing.php/search?sg=0&string=p%C5%82yta
ajax
onmouseover onmouseout
MrCoody
znajdź w google tooltip jakiś gotowy i przerób na własny użytek smile.gif bo myślę że takiego rozwiązania szukasz. smile.gif
PrinceOfPersia
:hover w CSS:
Cytat
<style>
.okienko {
width:300px;
height:300px;
position:relative;
}
.okienko .tooltip {
display:none;
width:200px;
height:200px;
position:absolute;
}

.okienko:hover .tooltip {
display:block;
}
</style>

<div class="okienko">
ble, ble, ble
<div class="tooltip">To jest opis</div>
</div>

<div class="okienko" >
ble, ble, ble, drugie okienko
<div class="tooltip">To jest drugi opis</div>
<div>


tak to wygląda: http://jsfiddle.net/z7Nmz/
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.