Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Масштабирование изображения внутри iframe  [new]
Alibek B.
Member

Откуда:
Сообщений: 3014
Есть такой фрагмент:
<div class="site-slideshow-online"><iframe id="splash-online" width="100%" height="550" frameborder="0" src="">Просмотр невозможен, в вашем браузере не поддерживаются или отключены IFRAME.</iframe></div>

Дополнительно имеется такой CSS:
.site-slideshow-online {
	display: none;
	max-width: 900px;
}
.site-slideshow-online.active {
	display: block;
}


В некоторых случаях в качестве src указывается ссылка на изображение (на том же сайте, например "/img/live/c01.jpg").
Можно ли сделать так, чтобы изображение внутри iframe масштабировалось (с сохранением пропорций)?
Я пробовал делать через CSS (селектор #splash-online html body img), но не работает, видимо CSS внутри iframe не применяется.
28 янв 19, 16:44    [21796042]     Ответить | Цитировать Сообщить модератору
 Re: Масштабирование изображения внутри iframe  [new]
hVostt
Member

Откуда:
Сообщений: 15267
Alibek B.,

зачем вам iframe?
28 янв 19, 21:10    [21796277]     Ответить | Цитировать Сообщить модератору
 Re: Масштабирование изображения внутри iframe  [new]
Alibek B.
Member

Откуда:
Сообщений: 3014
Вообще в него встраиваются видеоплееры (с разных источников и разного типа), но хотелось бы в рамках общего подхода добавить возможность отображения статичных картинок.
Сейчас я во внешний контейнер .site-slideshow-online добавил img, по умолчанию невидимый; скрипт, запускающий видеоплеер, управляет видимостью iframe и img.
29 янв 19, 00:31    [21796384]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить