а нафига вы там навкладывали друг в друга кучу блоков с одинаковым классом?
Случайно. Но эффект понравился. Там два блока «modal-img» — удаление одного из них не приводит к изменению размеров изображения.
-
Ответ изменён 10 месяцев, 1 неделя назад пользователем intman1958.
Не два, а три блока.
Смотрите, то , что вы указываете в атрибутах width=600 — ничего не значит, в том числе потому что в стилях (они приоритетнее) вы указали 70% ширину. Если указать в стилях нужную ширину, то все будет хорошо https://disk.yandex.ru/i/hXHSuMYpk2vIdA
Ну и миниатюру для показа вы выбрали не лучшую
-
Ответ изменён 10 месяцев, 1 неделя назад пользователем efess.
Что то не стыкуется у меня в дополнитьных стилях указано так
.dm-modal img {
width: 70%;
height: auto;
}
Правильно я вас понял, что если приоритет в стилях, то при установке картинки можно вообще размеры не указывать?
Чем вам миниаатюра не понравилась?
Что то не стыкуется у меня в дополнитьных стилях указано так
именно… а я прям в браузере стиль поменял на то, что у вас в атрибуте width написано — 70% на 600px. и все заработало.
Правильно я вас понял, что если приоритет в стилях, то при установке картинки можно вообще размеры не указывать
Нельзя. Браузер шизует и тормозит при отрисовке. Вам pagespeed тогда предьявит.
Чем вам миниаатюра не понравилась?
Она на 300, а вы ее, судя по атрибуту, пытались на 600 растянуть. Ай-яй-яй, качество картинки, даже такой гуано, пострадает.
Cо стилями понял. Спасибо. Теперь размер — указывать ширину в 600 px ? Миниатюры — на этом сайте будет множество фотографий, самого разного размера. Я тыпался привести все какому-то единству как в миниатюрах, так и во всплывающем окне. На темы качества — это очень старые любительские фото и не все хорошо сохранились.
Смотрите, момент выбора размера миниатюр, это важный вопрос. Особенно важный для сайтов, основанных на фотоматериалах. В любом случае, увеличение изображения на экране — вещь недопустимая. Есть фоторедакторы, сервисы, увеличивающие разрешение фото… лучше вдумчиво увеличить фото офлайн, и потом уменьшить его как миниатюру, чем растягивать фото, например, на мобильном телефоне.
И еще момент. У вас, похоже, много фото разных пропорций, их достаточно тяжело упорядочивать в «строгую сетку»… поищите хороший плагин, который делает из таких изображений неравные «плитки» — тогда вопрос как минимум кликабельных миниатюр вы решите.
efess , спасибо. Да действительно здесь будет выложено очень большое количество фото. Насчет плитки я думал, и подбирал плагин, но подходящего, не нашел. Поскольку изначально, на теллеграмм канале, к этим фото много комментарии большие и не получается красиво. малось в гриде потренеруюсь и буду выкладовать «плитки.» Все это не срочно. Сайт создается в память о добром человеке Юрие Устинове .