Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> galeria zdjęć wczytywanie po najechaniu
Basia555
post 12.07.2015, 18:53:57
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 19.04.2015

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


Witam
Mam taki kod i po najechaniu na któreś zdjęcie automatycznie mi je powieksza ale po zjechaniu z niego znów robi się harmonia ze zdjęć. Jak mogę zrobić aby zdjęcie nie wracały do harmonii gdy z niego zjade tylko dopiero gdy najade na inne zdjęcie?


  1. <style type="text/css">
  2.  
  3. #galeria {
  4. padding: 0;
  5. margin: 0 auto;
  6. list-style-type: none;
  7. overflow: hidden;
  8. width: 650px;
  9. height: 240px;
  10. background: #fff url(img/310.gif) top right;
  11. border: 1px solid #fff;
  12. }
  13. #galeria li {
  14. float: left;
  15. }
  16.  
  17. #galeria li a {
  18. display: block;
  19. height: 240px;
  20. width: 46px;
  21. float: left;
  22. text-decoration: none;
  23. border-right: 1px solid #fff;
  24. background-position: center;
  25. }
  26. #galeria li a img {
  27. width: 46px;
  28. height: 240px;
  29. border: none;
  30. }
  31. #galeria li a:hover {
  32. background: #eee;
  33. width: 320px;
  34. }
  35. #galeria li a:hover img {
  36. width: 320px;
  37. }
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46. <ul id="galeria">
  47. <li><a href="#">
  48. <img src="img/311.jpg"/></a></li>
  49. <li><a href="#">
  50. <img src="img/312.jpg"/></a></li>
  51. <li><a href="#">
  52. <img src="img/313.jpg"/></a></li>
  53. <li><a href="#">
  54. <img src="img/314.jpg"/></a></li>
  55. <li><a href="#">
  56. <img src="img/315.jpg"/></a></li>
  57. <li><a href="#">
  58. <img src="img/316.jpg"/></a></li>
  59. <li><a href="#">
  60. <img src="img/317.jpg"/></a></li>
  61. </ul>
  62.  
Go to the top of the page
+Quote Post
com
post 12.07.2015, 19:05:12
Post #2





Grupa: Zarejestrowani
Postów: 3 033
Pomógł: 366
Dołączył: 24.05.2012

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


w samy css tego nie uzyskasz raczej, musiałbyś obsłużyć zdarzenie onmouseover wink.gif
Go to the top of the page
+Quote Post
Basia555
post 12.07.2015, 19:32:18
Post #3





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 19.04.2015

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


Cytat(com @ 12.07.2015, 20:05:12 ) *
w samy css tego nie uzyskasz raczej, musiałbyś obsłużyć zdarzenie onmouseover wink.gif


Czyli jak powinnam tego użyć?
Go to the top of the page
+Quote Post
ohm
post 12.07.2015, 19:35:24
Post #4





Grupa: Zarejestrowani
Postów: 618
Pomógł: 143
Dołączył: 22.12.2010

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


Najszybciej jquery/ajax + hover - https://api.jquery.com/hover/

Ten post edytował ohm 12.07.2015, 19:35:56
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.04.2024 - 17:00