Parc national des Îles-de-Boucherville (национальный парк островов Бушервиля) (part 7)
Добанутым нет покоя :)
Я не вебдизайнер, поэтому вчера два часа пытался понять как ресайзить в посте только большие картинки до определенного (меньшего) размера (в хранилище лежат картинки 1600 пикселей по ширине), при этом маленькие оставить как есть - не апскейлить. И как всё это сделать так, чтобы сохранялись пропорции и чтобы всё это работало как с горизонтальными, так и с вертикальными, так и с квадратными картинками. Без стилей ничего не получалось, да и со стилями заняло довольно много времени, чтобы всё это работало как я хочу. Решение найдено, через стили надо устанавливать свойство object-fit в значение contain. Тогда картинка будет ресайзиться в контейнер, который мне нужно (1280x854 пикселей), при этом квадратные картинки будут показываться как 854x854 пикселей, а по ссылке будет лежать большая картинка (как правило 1600x1067). Побочным эффектом получилось, что квадратные картинки выравниваются по центру контейнера и рамку пришлось убрать, ибо она тоже для контейнера применяется, а не для картинки.
Ладно, снежные картинки для теста, последняя квадратная, чтобы посмотреть как оно всё показывается. Для маленьких разрешений экрана картинки уменьшаются, для больших НЕ увеличиваются. Так задумано.
Весь EXIF в картинках традиционно оставлен (можно увидеть на какую камеру и объектив всё снималось и какие параметры съёмки - выдержка, диафрагма, ISO), координаты GPS места съёмки тоже приписаны в картинках:
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14. Это 10-15 минут до заката и, соответственно, до закрытия парка
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25. Наконец, когда уже надо было возвращаться к машине, удалось сфотографировать парочку оленей!!!
26. Квадратная фотография, отображается по центру контейнера. По задумке центры этой и предыдущей фотографии совпадают
Image hosting - iMGSRC.RU (imgsrc_ru)
Я не вебдизайнер, поэтому вчера два часа пытался понять как ресайзить в посте только большие картинки до определенного (меньшего) размера (в хранилище лежат картинки 1600 пикселей по ширине), при этом маленькие оставить как есть - не апскейлить. И как всё это сделать так, чтобы сохранялись пропорции и чтобы всё это работало как с горизонтальными, так и с вертикальными, так и с квадратными картинками. Без стилей ничего не получалось, да и со стилями заняло довольно много времени, чтобы всё это работало как я хочу. Решение найдено, через стили надо устанавливать свойство object-fit в значение contain. Тогда картинка будет ресайзиться в контейнер, который мне нужно (1280x854 пикселей), при этом квадратные картинки будут показываться как 854x854 пикселей, а по ссылке будет лежать большая картинка (как правило 1600x1067). Побочным эффектом получилось, что квадратные картинки выравниваются по центру контейнера и рамку пришлось убрать, ибо она тоже для контейнера применяется, а не для картинки.
Ладно, снежные картинки для теста, последняя квадратная, чтобы посмотреть как оно всё показывается. Для маленьких разрешений экрана картинки уменьшаются, для больших НЕ увеличиваются. Так задумано.
Весь EXIF в картинках традиционно оставлен (можно увидеть на какую камеру и объектив всё снималось и какие параметры съёмки - выдержка, диафрагма, ISO), координаты GPS места съёмки тоже приписаны в картинках:
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14. Это 10-15 минут до заката и, соответственно, до закрытия парка
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25. Наконец, когда уже надо было возвращаться к машине, удалось сфотографировать парочку оленей!!!
26. Квадратная фотография, отображается по центру контейнера. По задумке центры этой и предыдущей фотографии совпадают
Image hosting - iMGSRC.RU (imgsrc_ru)