Загрузите изображение / видео загрузки и предварительного просмотра

Question

Привет, сейчас мы делаем сайт, используя шаблон начальной загрузки. База данных управляемая. Javascript, php и т. Д.

Интересно, кто-нибудь знает хорошее решение стоящей перед нами проблемы?

Мы собираемся стать рекламной площадкой. У нас есть раздел объявлений, который состоит из 3 шагов.

1. Входные данные.
2. Загрузка изображений.
3. Предварительный просмотр объявления.

С носителем, показывающим 1 большое изображение вместе с x количеством изображений, показанных ниже, в виде интерактивных миниатюр.

Это хорошо, но мы заметили, что наше решение, похоже, изменяет размер изображения, чтобы оно соответствовало области, а несохраняя соотношение.

Теперь, когда мы заметили это, были другие вещи, которые раздражали нас по поводу нашего решения, в основном это не загрузка видео + воспроизведение.

Интересно, кто-нибудь знаетхорошего решения этого они могли бы порекомендовать?

Answer 1

"Это хорошо, но мы заметили, что наше решение, похоже, изменяет размер изображения, чтобы подогнать его под область, а не сохранить его соотношение". для этого вам понадобится немного CSS, контейнер изображения должен иметь фиксированную ширину, в то время как изображение имеет полную ширину 100%, например

<div class="container"><img class="img-fluid" src="myimage.jpg" /></div>

здесь "img-Fluid" - это (ширина-100) класс, он может быть «img-отзывчивым» на старых версиях начальной загрузки

Теперь, когда мы заметили это, были другие вещи, которые раздражали нас по поводу нашего решения, в основном без загрузки видео +play

Посмотреть это решение здесь видео для вставки

надеюсь, это поможет