Вопросы по теме 'responsive-images'

Наложение на адаптивное изображение
Так что это убивает меня. Я просмотрел множество форумов, но я не могу найти никаких решений для работы. По сути, у меня есть сетка плавающих элементов, каждый из которых имеет миниатюру изображения, которое при наведении курсора имеет наложение...
335 просмотров

Адаптивные изображения масштабируются только при обновлении браузера
Привет, у меня проблема с адаптивной галереей изображений с использованием цикла jQuery. Моя скрипка здесь - https://jsfiddle.net/qxyodctm/5/ <html>See jsfiddle</html> Вы увидите, только когда вы обновите браузер, изображения...
650 просмотров

Лучший способ отобразить полноэкранное изображение, которое меньше, чем экраны с большим разрешением, такие как 27-дюймовый iMac Retina с разрешением 5120 x 2880.
У меня есть стоковое изображение размером 1772 px. Это изображение является самым большим из доступных. Необработанный файл исчез, поэтому я не могу создать изображение шириной 5120 пикселей. Как разметка и CSS будут выглядеть для этого...
224 просмотров

Как сделать адаптивный CSS фон img для длинного одностраничного веб-сайта
Уже два дня я пытаюсь сделать фоновое изображение адаптивным для мобильного телефона. Это одна длинная домашняя страница (около 8000 пикселей). Содержимое всей страницы имеет родителя div "background_div". Я пробовал и то, и другое: размер обложки...
1510 просмотров

Как сделать фоновое изображение адаптивным в CSS
Ранее я задавал вопрос о размещении 2 div внутри другого контейнера начальной загрузки div (1 вверху слева и 1 внизу справа), который теперь решен. Моя следующая проблема заключается в том, что в основном блоке (с двумя блоками внутри) мне нужно...
11224 просмотров

Как использовать focusArea в TYPO3 во внешнем интерфейсе
Как и в этом примере , вы можете использовать FocusArea в бэкенде. Результат во Frontend выглядит так. <img src="..." data-focus-area="{"x":4994,"y":2809,"width":4994,"height":2809}" /> Что нужно во Frontend, чтобы всегда была видна...
525 просмотров
schedule 08.04.2023

Как ограничить размер загружаемого изображения в адаптивных изображениях WordPress?
Я использую в своей теме прикрепленные изображения следующих размеров: «эскиз» (320), «средний» (640), «средний_большой» (768) и «большой» (1280). Атрибуты WordPress по умолчанию «srcset» и «sizes» в тегах заставляют браузер загружать излишне...
199 просмотров
schedule 20.03.2023

srcset - Адаптивное изображение загружает неправильный файл
Моя цель - обслуживать разные версии (разрешения / размеры) одного и того же изображения, которое должно занимать 100% ширины области просмотра, поэтому я могу обслуживать версию 800 пикселей для мобильных устройств (или, как правило, устройств с...
2985 просмотров

Установите адаптивное изображение на фиксированную высоту и ширину при небольших размерах экрана.
Я пытаюсь изменить существующую страницу, которую я унаследовал - страница использует Bootstrap 3.3.7 Страница генерирует HTML динамически (URL-адреса изображений считываются из базы данных, а высота и ширина изображений могут отличаться) для...
630 просмотров

Отзывчивые полноразмерные изображения и srcset
У меня есть сайт, на котором мне нужны полноразмерные изображения (они будут обрезаны по вертикали для эффекта параллакса). Я хочу, чтобы я прочитал кучу статей о srcset и sizes и попробовал несколько вещей, но я не могу понять (а) нужно ли мне...
24 просмотров
schedule 09.11.2022