Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS][HTML]2 warstwy div
Mgorka
post 20.07.2011, 08:41:44
Post #1





Grupa: Zarejestrowani
Postów: 209
Pomógł: 3
Dołączył: 6.04.2010
Skąd: Słupca

Ostrzeżenie: (0%)
-----


Siema mam mały problem . Chce zrobić tak że po najechaniu na miniaturkę zdjęcia w jej dolnym rogu pokazła by się na zdjęciu małą grafika z lupą i napisem powiększ .
Chce do tego wykorzystać js zdarzenie onmouseover albo z a:hover. Pytanie się rodzi jak to umiejscowić jedno nad drugim
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
thek
post 20.07.2011, 09:16:29
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




  1. <div style="position:relative">
  2. <img src="obrazek.jpg" />
  3. <img src="lupka.png" style="position:absolute; display:none; left:0; bottom:0;" />
  4. </div>
Oczywiście jeszcze konieczny js, aby zmieniać display w młym obrazku z none na inny i zawszee można to zrobić ładniej... Ja tylko Ci mniej więcej zarys podalem jak to można zrobić. Oczywiście to nie jedyna możliwość i z użyciem jQuery chociażbymozna to zrobić jeszcze mniej sie grzebiąc (dodawanie obrazka lupki jako elementu DOM w locie choćby).


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 02:26