 [JavaScript][CSS]wypełnianie diva wycentrowanym obrazkiem |
| [JavaScript][CSS]wypełnianie diva wycentrowanym obrazkiem |
 
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 196 Pomógł: 0 Dołączył: 9.03.2017 Ostrzeżenie: (0%) 
 |
Biblioteka Panzoom (https://timmywil.com/panzoom/demo/) umożliwia przesuwania i powiększanie obrazu w divie:
https://codepen.io/reti/pen/MWpMNYE Wszystko działa prawidłowo. Teraz chciałbym, aby te zdjęcia, po załadowaniu wypełniły swoje divy, ale tak żeby były wycentrowane wertykalnie i horyzontalnie, przy czym: - jeżeli obraz ma orientację horyzontalną, to jego wysokość nie może być większa od diva - jeżeli obraz ma orinetację wertykalną, to jego szerokość nie może być większa od diva. Dokładnie tak jak tutaj: https://drive.google.com/file/d/1znFq-EJVE4...uMH0bhRsfz/view Jak to zrobić? Próbuję na różne sposoby i już skończyły mi się pomysły. Ten post edytował stellatus 24.06.2021, 13:01:15 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%)
|
W Twoim kodzie img można tak przesunąć, że będzie poza granicą div-a i wtedy jedynym rozwiązaniem jest przeladowanie strony aby img znowu znalazło się w div. Jeśli tak to sobie założyłeś to ok, ale to nie jest ok.
Testowany na androidzie. |
|
|
|
stellatus [JavaScript][CSS]wypełnianie diva wycentrowanym obrazkiem 24.06.2021, 11:24:45 
gitbejbe https://stackoverflow.com/questions/1155238...cent... 24.06.2021, 13:29:25 stellatus Dzięki, ale Nie rozumiem w czym mogłyby mi się prz... 29.06.2021, 01:27:14 
stellatus "W Twoim kodzie img można tak przesunąć, że b... 29.06.2021, 22:09:55  |
|
Aktualny czas: 8.10.2025 - 20:24 |
