Rahmen um Bild

Question

Ich möchte Rand um normale Größe Bild mit PHP. Ich wundere mich, dass ich Rand für Text zum Bild aber nicht für einfache Bilder fand. Die Rahmenbreite kann veränderbar sein. Bitte helfe

Answer 1

Das img-Element hat standardmäßig ein Border-Attribut http://www.w3schools.com/tags/tag_IMG.asp Nicht ein PHP-Experte, aber ich würde auch für eine dynamische var innerhalb des Tags selbst entscheiden, so dass es voll flexibel ist

Answer 2

Ich würde die Bilder nicht mit GD oder imagemagick manipulieren, sondern stattdessen einen [css border] [1] auf das Bild oder ein div hinter das Bild legen, das etwas größer als das Bild ist.

Entweder Sie setzen eine Grenze auf jedem Bild mit CSS:

img { border: 2px solid #000; } 

Oder Sie können einige Grenze Klassen definieren mag dies:

.border1 {border: 1px solid #000} 
.border2 {border: 2px solid #000} 
.border3 {border: 3px solid #000} 

und dann auf Ihre Bilder verwenden:

<img src="..." class="border1"></img> 

oder

<img src="..." class="border3 "></img> 

edit:, wenn Sie wurden mit SCSS/Sass Sie sogar so etwas wie tun könnten:

@for $i from 1 through 10 { 
    img.border_#{$i} { border: #{$i}px solid #000; } 
} 

Sass rock!

über die Farben:

.bMainColor{border-color:#ff0000;} 
.bSecColor{border-color:#00ff00;} 
.bThirdColor{border-color:#0000ff;} 

und auf dem img-Tag:

<img src="..." class="border1 bMainColor"></img> 

Ich denke, es gibt so viele Möglichkeiten, CSS zu verwenden :)

Referenzen über Grenzen:

http://www.w3.org/TR/CSS2/box.html#border-properties

http://reference.sitepoint.com/css/bordersoutlines

http://www.w3schools.com/css/css_border.asp

Answer 3

Verwenden ImageMagick in php, hat es einen direkten Befehl Grenze zu Bildern hinzufügen,

http://www.imagemagick.org/Usage/crop/#border

Answer 4

sehen, wenn Sie es sein veränderbar wollen, machen Sie eine Textbox , wo Sie die Pixelgröße der Grenze eingeben und dann eine Schaltfläche senden .. Verwenden Sie Post oder erhalten, was immer Sie mögen ..

ABER, das nur als nicht zu ändern Seite aslong arbeiten werden, es sei denn Sie das irgendwie dynamisch machen ..

<img src="..." style="border:<? $_POST['pixel']; ?>" /> 

sonst Lösung die Nutzung @ dwarfy ..