• Установил всплывающее окно для элементов флекс контейнера. Все работает. Но — размеры картинки в этом окне не соответсвуют указанным. В чем причина?

    • Тема изменена 10 месяцев, 1 неделя назад пользователем intman1958.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • а нафига вы там навкладывали друг в друга кучу блоков с одинаковым классом?

    Случайно. Но эффект понравился. Там два блока «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 , спасибо. Да действительно здесь будет выложено очень большое количество фото. Насчет плитки я думал, и подбирал плагин, но подходящего, не нашел. Поскольку изначально, на теллеграмм канале, к этим фото много комментарии большие и не получается красиво. малось в гриде потренеруюсь и буду выкладовать «плитки.» Все это не срочно. Сайт создается в память о добром человеке Юрие Устинове .

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Странности всплывающего окна» закрыта для новых ответов.