Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] Bootstrap skalowanie thumbów ale tylko w dół
elmozaur
post
Post #1





Grupa: Zarejestrowani
Postów: 518
Pomógł: 18
Dołączył: 21.07.2008

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


Witajcie.
Tym razem problem dotyczy dynamicznej galerii.
Za pomocą PHP generuje thumby o maksymalnej szerokości np 180px (wysokość-proporcjonalnie),
zakładam, że obrazki chcę wyświetlać np w 3 kolumnach (zawsze, niezależnie od tego, jaka jest szerokość kontenera całej galerii).
Dla uproszczenia napisałem skrypt generujący tabelkę do takiej postaci:
  1. <table style="width:100%">
  2. <tr>
  3. <td>obrazek</td><td>obrazek</td><td>obrazek</td>
  4. <tr>
  5. <tr>
  6. <td>obrazek</td><td>obrazek</td><td>obrazek</td>
  7. <tr>
  8. <tr>
  9. <td>obrazek</td><td>obrazek</td><td>obrazek</td>
  10. <tr>

Każdy obrazek jest w divie z klasą thumbnail, a każdy obrazek ma klase img-responsive.

Co chcę uzyskać:
jeśli ekran/okno przeglądarki będzie węższe niż suma szerokości wszystkich thumbów - to thumby przeskalują się na mniejsze.
Ale jeśli ekran/okno przeglądarki będą większe niż szerokość thumbów to thumby zachowają swoją maksymalną szerokość czyli wspomniane 180px.

Co uzyskałem:
galeria poprawnie wyświetla się jeśli ekran jest większy niż tabelka/suma szerokości wszystkich thumbów.
Udało mi się też uzyskać efekt skalowania ale niestety w dwie strony (powiekszanie i pomniejszanie)

ktoś miał podobny problem (IMG:style_emoticons/default/questionmark.gif) ?

pozdrawiam
Grzegorz
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: 3.10.2025 - 00:38