Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Powiekszane zdnecie
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
zibi098
Witam czy ktoś mi może napisać prostą prosty skrypt tak aby była miniaturka zdiencia 10x10 a po klikniecu sie powieszakło zdiencie ?
Kshyhoo
Przenoszę do odpowiedniego działu. Na przyszłość proszę wybierać odpowiednie działy do swoich watków.
Turson
http://fancybox.net/
zibi098
witam jak mam umieścić ten kod na na tym biały m obrazku ?
  1. <div id="PROJEKTSZABLONU-25">
  2. <img src="images/PROJEKTSZABLONU_25.jpg" width="88" height="324" alt="">
  3. </div>

kod do umieszenia na obrazu
  1. <div class="image-row">
  2. <a class="example-image-link" href="img/demopage/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/thumb-2.jpg" alt="thumb-1" width="73" height="73"/></a>
kujol
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. }
zibi098
wolał gybyś mi tamto umieścił na tym obrazku z góry thx
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.