Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Powiekszane zdnecie
zibi098
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 22.02.2014

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


Witam czy ktoś mi może napisać prostą prosty skrypt tak aby była miniaturka zdiencia 10x10 a po klikniecu sie powieszakło zdiencie ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kujol
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 27
Dołączył: 21.07.2013

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


Nie wiem czy to coś się nadaje, ale niby działa.

Html:
  1. <div id="miniandbig">
  2. <div id="big">
  3. <b id="b1"><a href="#big">Powiększ</a></b>
  4. <b id="b2"><a href="">Pomniejsz</a></b>
  5. </div>
  6. </div>
  7.  
  8. <div id="miniandbig_1">
  9. <div id="big_1">
  10. <b id="b1"><a href="#big_1">Powiększ</a></b>
  11. <b id="b2"><a href="">Pomniejsz</a></b>
  12. </div>
  13. </div>



Css:
  1.  
  2. div > #b2{
  3. display:none;
  4. float:right;
  5. margin:5px 10px;
  6. }
  7.  
  8. div :target #b2 {
  9. display:block;
  10. }
  11.  
  12. div > #b1{
  13. float:left;
  14. margin:5px 10px;
  15. }
  16.  
  17. div :target #b1 {
  18. display:none;
  19. }
  20.  
  21. #miniandbig > div{
  22. width:100px;
  23. height:100px;
  24. border:1px solid black;
  25. background:red;
  26. }
  27.  
  28.  
  29. #miniandbig > :target {
  30. width:500px;
  31. height:500px;
  32. display:block;
  33. background:gray;
  34. position:absolute;
  35. }
  36.  
  37. #miniandbig_1 > div{
  38. width:100px;
  39. height:100px;
  40. border:1px solid black;
  41. background:green;
  42. }
  43.  
  44.  
  45. #miniandbig_1 > :target {
  46. width:500px;
  47. height:500px;
  48. display:block;
  49. background:gray;
  50. position:absolute;
  51. }
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 8.10.2025 - 18:55