Я хочу разместить границу вокруг изображения обычного размера, используя 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>
edit: если вы использовали scss / sass, вы могли бы даже сделать что-то вроде:
@for $i from 1 through 10 { img.border_#{$i} { border: #{$i}px solid #000; } }
Сасс скалы!
О цветах:
.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
Используйте ImageMagick в php, у него есть прямая команда для добавления границы к изображениям, см.
если вы хотите, чтобы он был изменчивым, создайте текстовое поле, в котором вы вводите размер пикселя на границе, а затем кнопку отправки. Используйте пост или получите, что вам нравится.
НО, этот WILL будет работать только как ваша не изменяющаяся страница, если вы не сделаете эту динамику как-то ..
<img src="..." style="border:<? $_POST['pixel']; ?>" />
в противном случае используйте решение @ dwarfy.