Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]lightbox 2
Forum PHP.pl > Forum > Przedszkole
drx
Witam

Mam problem: po dodaniu do galeri lightbox nie podoba mi sie wyswietlanie obrazka otwiera mi sie na dolnej krawedzi ekranu. A chciałbym ze bylo wyswietlane na srodku nie wazne jaki obrazek otworze.

Przesyłan screen: http://img14.imageshack.us/i/beztytuupko.jpg/

I plik css:
  1. #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
  2. #lightbox img{ width: auto; height: auto;}
  3. #lightbox a img{ border: none; }
  4.  
  5. #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
  6. #imageContainer{ padding: 10px; }
  7.  
  8. #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
  9. #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  10. #imageContainer>#hoverNav{ left: 0;}
  11. #hoverNav a{ outline: none;}
  12.  
  13. #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
  14. #prevLink { left: 0; float: left;}
  15. #nextLink { right: 0; float: right;}
  16. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  17. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  18.  
  19. #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
  20.  
  21. #imageData{ padding:0 10px; color: #666; }
  22. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
  23. #imageData #caption{ font-weight: bold; }
  24. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
  25. #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
  26.  
  27. #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



Pozdro i prosze o pomoc.
Wicepsik
Próbowałeś coś sam robić?
drx
zmienialem parametry ale nic nie dawalo takiego efektu.

pozdro
nmts
No ale domyślnie lightbox pojawia się na środku więc rozumiem, że problemem nie jest css od lightboxa, tym bardziej skoro twierdzisz, że nic nie dawało efektu. Może jakiś inny plik css powoduje problem (zbyt ogólne opisy znaczników?). W każdym razie nie lubię lightboxa, bo są problemy z dużymi zdjęciami, polecam PrettyPhoto.
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-2025 Invision Power Services, Inc.