Witam.
Jak zwykle mam nietypowy problem...:
Potrzebuję tak zrobić aby kursorem myszka po obszernym jpg pokazywał się drugi obrazek, ale tylko w obrębie kursora.... Przepraszam za proste słownictwo, ale chyba wytłumaczyłem o co chodzi...
Jest mi to niezbędne do dużego projektu, najprościej dla mnie gdyby dało sie to w prostym kodzie zrobić typu: <img src="ten.jpg" onmouseover="this.src='tenn.jpg';" onmouseout="this.src='ten.jpg';" />;
Tylko że tu widać całośc... :/
Dziękuje z góry za pomoc.

Jeśli ten obrazek jest w kontenerze, to daj temu kontenerowi position: relative. Przy najechaniu myszką, podmień src i nadaj obrazkowi position: absolute. Pozycję musisz już obliczyć, to jest czysta matematyka. Aha i nie zapomnij o overflow: hidden dla kontenera.

A tak w ogóle, jeśli to nie dla nauki, to poszukaj gotowego rozwiązania.

Kontener position:relative, a w nim dwa obrazki z position:absolute;
Bez hover w css jeden obrazek widoczny, drugi niewidoczny. Na hover odwrotnie.

Ja bym nie używał CSS do hoverowania, bo przy niedziałającym JS wyjdzie kupa. Niech wszystko się odbywa w JS, jedynie do CSS oddelegowałbym klasy obiektów, ale ich zmiana to już JS.

Zastanów się też nad takim rozwiązaniem, żeby po prostu wyświetlać zawsze ten większy obrazek i tylko powiększać go do 100% przy najechaniu myszą. Polecam taki pomysł, jeśli te duże obrazki nie są ogromne.

...