Articles of изображения

Как правильно показать изображение в портретном режиме в html?

Я использую несколько простых фотографий на своем веб-сайте, некоторые из которых находятся в ландшафтном режиме, а другие – в портретном режиме. Я использую самый простой html: Когда я посещаю url ( https://stackoverflow.com/doc/54836abcc1a36b7526daa146 ) непосредственно в браузере, я правильно вижу изображение как режим стоя / портрет, но когда я его использую в html img-теге, он отображается […]

Как я могу использовать textarea для оставшейся высоты в div?

У меня есть набор кода, как показано ниже. Дело в том, чтобы иметь набор изображений в div, а остальная часть div заполняется текстовым полем. Если я установил высоту = 100%, она будет иметь ту же высоту, которая не является (div.height – images.height), и делает текстовое поле длиннее. В w3c говорится, что inherit не работает в […]

Нежелательная граница вокруг области карты изображения

Я использую карту изображений с круговой областью. Проблема в том, что я получаю нежелательную границу вокруг области в IE7. Эта граница не отображается в FF и Chrome, а также в IE8 / IE9. Я попытался добавить border = “0” к изображению, свойства css для якорей, т.е. a{ border:none !important; outline:none !important; } но не работает. […]

Наложение изображения в HTML

Я создаю просто интерактивную игру для игры на куклу, в которой пользователь может выбрать разные атрибуты, чтобы назначить куклу через три отдельных раскрывающихся меню, таких как цвет волос, тип одежды и т. Д. У меня есть базовое изображение, которое находится в div, Я хочу наложить изображения на. Изображения вызывается функцией: function createDoll(userChoice) { var output […]

Каким образом можно обрабатывать hi-res веб-изображения для дисплеев hi-res (в основном, дисплеи сетчатки iOS)?

У меня есть мобильный сайт, использующий jQuery Mobile, однако изображения, откровенно говоря, выглядят как дерьмо на iPhone 4 / 4S. Я предполагаю, что то же самое будет для «нового iPad», когда оно будет доступно на этой неделе. Я знаю, что это имеет какое-то отношение к соотношению пикселей и / или графическому DPI (или PPI или […]

Как добавить rel = “lightbox” только к ссылкам, которые include изображение, а не остальные ссылки?

Допустим, что (в php) мы имеем переменную, которая имеет текст, ссылки и изображения: и мы хотим добавить к каждому тегу href rel = “light”, как следует: Если имя переменной позволяет сказать $ mydata, то с помощью str_replace мы можем сделать следующее, чтобы решить нашу проблему: $mydata = str_replace(‘<img ', '<img rel="lightbox"', $mydata); До сих пор […]

получение размера изображения из ссылки в виде динамического содержимого

Я хочу сделать предварительный просмотр изображения внутри страницы. У меня будет «div», чтобы включить меньшие изображения, установив размер «img» вручную. Затем щелкнул или завис, изображение будет отображаться на большем «div», размером с изображение или размером с размер windows рядом с указателем мыши. код будет иметь только ссылку на изображение и будет получать фактический размер изображения […]

Переход на позицию: абсолютный заголовок и фон

Я пытаюсь применить состояние зависания к некоторой навигации по портфолио. Это горизонтальный и вертикально центрированный заголовок поверх изображения. Центрирование работает так, как мне нужно (есть основания для того, чтобы это было так сложно, как есть, или поверьте мне, я сделал бы это по-другому). Но состояние зависания дает мне проблемы. Я пытаюсь сделать что-то вроде этого: […]

Как выровнять текст и изображения на одной строке и поместить их влево и / или вправо?

У меня есть следующий код CSS и HTML: div.container { height: 40px; } div.container .title {} div.container .link_buttons {} Test website … … Я хотел бы выровнять по одной строке весь контент, присутствующий в каждом div.container и внутри каждого div.container чтобы содержимое div.title располагалось слева, а содержимое div.link_buttons – справа. div.title это, я хотел бы […]

Позиция изображения, эквивалентная фоновой позиции

Я работаю над веб-сайтом, и я хочу создать стиль, похожий на стиль фона с фоновой позицией: центр. Есть ли эквивалент этого для обычного изображения? Заранее спасибо, Luuk РЕДАКТИРОВАТЬ: Изображение реагирует и содержится в контейнере. CSS: .img-container { max-height: 300px; overflow: hidden; } .img-container img { max-height: 100%; max-width: 100%; }