[HTML]Jak zrobic cos takiego jak na stronie allegro. Zajezdzam myszka na towar i pojawia sie opis towaru w nowym okienku. Opcje

[--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ę. ;(

[HTML] pobierz, plaintext 
http://allegro.pl/listing.php/search?sg=0&string=p%C5%82yta
[HTML] pobierz, plaintext 

[-ajax-]

onmouseover onmouseout

[MrCoody]

znajdź w google tooltip jakiś gotowy i przerób na własny użytek (IMG:style_emoticons/default/smile.gif) bo myślę że takiego rozwiązania szukasz. (IMG:style_emoticons/default/smile.gif)

[PrinceOfPersia]

:hover w CSS:

<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/