Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Aktywne przyciski-sciaganie przy wczytywaniu strony
DerekDX
post
Post #1





Grupa: Zarejestrowani
Postów: 108
Pomógł: 0
Dołączył: 23.04.2010

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


Witam,
na stronie mam cos takiego
  1. <img src="images/spodnie.jpg" onmouseover="this.src='images/spodnie_1.jpg'" onmouseout="this.src='images/spodnie.jpg'" alt="Obrazek" />


czy jest mozliwosc z czegos takiego zrobic aby obrazki ktore pojawiaja sie po najechaniu na przycisk były wczytywane razem z obrazkami ktore pojawiaja sie gdy przycisk nie jest aktywny
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
krispak
post
Post #2





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

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


Wyrzuc to js a zastosuj do tego CSS


--------------------
* * * * * * * * * * * * * * * * * * * * * * * * *
PHP, Laravel, Docker, Docker Compose, Laradock, Redis, JS, React, Vue, CSS, SCSS, Gulp, GIT ... itd..
Go to the top of the page
+Quote Post
tehaha
post
Post #3





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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


tak google css-> sprites, generalnie chodzi o to, że robisz jeden duży obrazek który zawiera oba stany normalny i po najechaniu myszką, i manipulujesz jedynie background-position:, np
  1. a{background-position:top;}
  2. a:hover{background-position:bottom;}
Go to the top of the page
+Quote Post
DerekDX
post
Post #4





Grupa: Zarejestrowani
Postów: 108
Pomógł: 0
Dołączył: 23.04.2010

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


doszedlem to tego i juz sam niewiem sprawdzalem 4 razy czy wszystko jest ok

  1. <div class="tresc_1">
  2.  
  3. <a href="http://www.wp.pl" id="button"><span class="hide">wp.pl</span></a>
  4.  
  5. </div>


i css

  1. a#button, a#button:active, a#button:visited {
  2. background: url('images/button.jpg') #fff no-repeat top;
  3. width:162px;
  4. height:55px;
  5. display:block;
  6. }
  7.  
  8. a#button:hover {
  9. background: url('images/button.jpg') #fff no-repeat bottom;
  10. width:162px;
  11. height:55px;
  12. display:block;
  13. }
  14.  
  15. span.hide {
  16. display:none;
  17. }


i cały czas niewyswietla mi tego obrazka.
rozwionzanie to sciagnelem z tad

Niewiem dlaczego ale zaden obrazek nie chce byc wyswietlany poprzez background-image.
Czy edytor tekstowy moze miec cos z tym wspolnego uzywam notepad++

Ten post edytował DerekDX 3.09.2010, 15:20:46
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 Aktualny czas: 22.08.2025 - 06:08