Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/php] zamkniecie obiektu w div'ie
Forum PHP.pl > Forum > Przedszkole
andy84
Wiem ze tu malo php ale to co chce zrobic jednak jest w php
mam kod wyswietlajacy obecnie pewnego rodzaju galerje to jego kawalek
  1. <?php
  2. echo '<td width="' . $colWidth . '" >' . 
  3.  '<div id="div"><a href="?page=image-detail&album=' . $albumId . '&image=' . $row['im_id'] . ' " id="galeria_linki">' . 
  4.  '<img src="../image-gallery/viewImage.php?type=glthumbnail&name=' . $row['im_thumbnail'] . '" border="0" class="x" >' .
  5.  '<br>' . $row['im_title'] . '</a></center></div></td>';
  6. ?>

i krotki kod css do tego img wyswietla sie w divie ktory jest 100x100 z ramka czyli ladny kwadrat , teraz jak mam w nim zdiecie ktore jest wieksze od 100x100 chcial bym zeby pokazala sie tylko czesc zdiecia ( nie zmienialo rozmiarow zdiecia ) div by dzialal jak okienko ktore pozwala mi widziec tylko kawalek zdiecia ;/
doszedlem do tego ze div jest na zdieciu jednak reszte zdiecia nadal widac a chcial bym zmaskowac wszystko za nim do tego ten css pod spodem sie kaszani jeszce pod IE7 natomiast jak usune img.x dziala dobrze w 100% tak jak chce pod IE7 a kaszani sie pod FF i Opera, wiec kiedy img.x jest wlaczone IE7 jest skaszanione ( tu nie problem ewentualnie zastosuje if dla css i zmienie to jednak nadal obraz sie pokazuje pod divem bez maskowania ;/ ( sory za taki wywod pozno chyba dlatego )
  1. #div {
  2. width:100px;
  3. height:100px;
  4. border: 1px solid #CCCCCC;
  5. }
  6. img.x
  7. {
  8. position:absolute;
  9. z-index:-1
  10. }
revyag
Co do pokazywania części obrazka, to możesz użyć właściwości css clip. Zdefiniujesz nią obszar jaki ma być widoczny. Wcześniej dla elementu ustawiasz overflow:hidden i już smile.gif
andy84
Dzieki wielki e:) przyda sie mi to napewno nie raz ustawilem wlasnie

clip:rect(0px 100px 100px 0px)

i obrazek jest przyciety do 100x100 dzieki wielkie smile.gif
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.