Cześć

Mam do Was ogromną prosbę. Od wczoraj za diabla nie mogę dojść o co chodzi.
Robię mały obrazek, który po najechaniu myszą wyświetla obok jego większego brata. Chodzi mi o pokazanie miniatury i jesli ktoś będzie chciał zobaczyć szczegóły, po najechaniu myszą widzi ten sam obrazek, ale większy.
Nieby proste, ale mam dwa problemy:

1. Po najechaniu na miniaturę, owszem pokazuje mi się duży, ale wystarczy odrobinę przesunąć wskaźnik myszki i naprzemiennie znika albo miniatura, albo duży. Efekt - wszystko nieładnie mruga.

2. Za diabła nie mogę zrobić tak, żeby powiększony obrazek nie rozciągał diva, w którym jest, tylko pokazał się, zasłaniając tekst itd. Jakby był na wyższej warstwie.

O co mi chodzi pokazuję na obrazku ponizej.
Teraz mam tak: To co jest teraz

Z góry wielkie dzięki. Zakładam, że to nie jest trudne, ale przewertowałem wczoraj google i pewnie gdzieś to jest, ale źle zadaję pytania czy coś - nie mogę znaleźć akurat tego.

zmieniasz pozycję obrazka , więc po najechaniu ucieka i nie jest zaznaczony ,
pobaw się z js

właśnie js rozwiązała by tu ślicznie problem, można efektowne powiekszenie zrobić za pomocą jQuery czy MooTools, ale pic polega na tym, że to moze byc wyłącznie w css. onmouse np kompletnie wypada.
Gdzieś kiedys to robiłem, ale nie mogę znaleźć. Nie bardzo znam display itd w css, tak jak robi się te tabelki z zakładkami - tab, bo ukrywanie i odkrywanie pewnie by mogło pomóc.

jak efektywnie to może lightbox ?

lightboxów znam conajmniej 4 i korzystam z nich, musi być tylko w css Chcę zastosować to na Allegro, a oni nawet body wycinają

to może nie zmieniaj pozycji obrazka, aby z pod myszki nie uciekł