Я хочу поставить границу вокруг обычного размера изображения, используя php. Мне интересно, что я нашел границу для текста для изображения, но не для простых изображений. Ширина границы может быть изменчивой. Пожалуйста, помогитеГраница вокруг изображения
Элемент IMG имеет по умолчанию а border атрибут http://www.w3schools.com/tags/tag_IMG.asp Не специалист по php, но я бы также предпочел бы иметь динамический var внутри самого тега, чтобы он был полностью гибким.
Я не буду манипулировать изображениями с помощью GD или imagemagick, но вместо этого поставьте [css border] [1] на изображение или div за изображение, которое намного больше изображения.
Либо вы кладете границу на каждой фотографии с помощью CSS:
img { border: 2px solid #000; }
Или вы можете определить некоторые пограничные классы любит это:
.border1 {border: 1px solid #000}
.border2 {border: 2px solid #000}
.border3 {border: 3px solid #000}
, а затем использовать на изображениях:
<img src="..." class="border1"></img>
или
<img src="..." class="border3 "></img>
редактирования: если вы использовали СКС/Sass вы могли бы даже сделать что-то вроде:
@for $i from 1 through 10 {
img.border_#{$i} { border: #{$i}px solid #000; }
}
Sass пород!
О цветах:
.bMainColor{border-color:#ff0000;}
.bSecColor{border-color:#00ff00;}
.bThirdColor{border-color:#0000ff;}
и на IMG тег:
<img src="..." class="border1 bMainColor"></img>
Я предполагаю, что есть так много способов использовать CSS :)
Ссылки о границах:
http://www.w3.org/TR/CSS2/box.html#border-properties
Манипулирование изображениями с использованием GD использует намного больше ресурсов и если вы когда-либо захотите перепроектировать ваш сайт и изменить цвет границы, ваша застрявшая обработка всех изображений снова ... – dwarfy
очень хорошо объяснил altough, я бы предпочел создать пограничный класс, определяющий границу стиль и цвет, а также определить мышление в самом теге, используя встроенные стили. но это вопрос стиля, который я думаю. –
Я попытался немного улучшить его, чтобы поблагодарить людей за то, что они голосовали за него :) – dwarfy
Использование ImageMagick в PHP, он имеет прямую команду, чтобы добавить рамку к изображениям, см
, если вы хотите быть изменчива, сделать текстовое поле , где вы вводите размер пикселя на границе , а затем кнопку отправки. Используйте сообщение или получите, что вам нравится.
НО, это будет работать только aslong в качестве не меняющейся страницы, если вы сделаете это динамическим как-то ..
<img src="..." style="border:<? $_POST['pixel']; ?>" />
в противном случае решения использовать @ dwarfy .. В
Вы планируете использовать PHP GD [http://php.net/manual/ ru/book.image.php] или CSS-манипуляции? –
Что вы имеете в виду: «Мне интересно, что я нашел границу для текста, но не для простых изображений». Вы пытаетесь использовать текст в качестве рамки для изображения? Также ваш вопрос довольно низок в информации, пожалуйста, предоставьте дополнительную информацию о том, чего вы хотите достичь. – Mixxiphoid