wie zum hinzufügen von Bild-Rahmen um ein Bild?

Gibt es eine einfache Möglichkeit, um ein Bild hinzufügen Rahmen um ein Bild?

Grund ist, ich möchte ein drop-Schatten-Effekt auf das Bild.

Die Bilder geladen werden als Miniaturansichten an und sind 110x75 px... Im denken über die Schaffung eines Schatten-Grenze, aber weiß nicht, wie man dies hinzufügen, um das Bild, weiss jemand einen Weg?

PHP, vorzugsweise...

InformationsquelleAutor | 2009-10-19

4

Können Sie mithilfe der GD-library oder ImageMagick verändern, das eigentliche Bild in PHP, aber Sie können auch einen ähnlichen Effekt erzielen in CSS, wenn es nur erforderlich ist, auf einer web-Seite.

Dort ist ein komplettes tutorial über es zu tun mit PHP und GD hier:
- Hinzufügen von Schlagschatten mit PHP
oh, ich werde lachen, wenn Ihre server nicht genügend Arbeitsspeicher während der Konvertierung von Hunderten von Bildern, um Ihre Bild-mit-Schatten-äquivalente..
Ich bin mir nicht sicher, was Sie damit meinen. Dies wird nicht eine große Menge von Speicher nach modernen standards. Wenn es ein Anliegen ist, gibt es keine Notwendigkeit für die Verarbeitung von Bildern in Echtzeit, es sei denn, Sie schaffen ein einzigartiges Bild für jeden Benutzer. Generieren Sie einfach ein Bild-mit-Schatten einmal, speichern Sie es und Referenz, statt. Vorsicht vorzeitige Optimierung, wir sind nicht im Jahre 1998 nicht mehr.

InformationsquelleAutor Colin Pickard

function addBorderpng($add){
    $border=5; 
    $im=imagecreatefrompng($add);
    $width=imagesx($im);
    $height=imagesy($im);       
    $img_adj_width=$width+(2*$border);
    $img_adj_height=$height+(2*$border);
    $newimage=imagecreatetruecolor($img_adj_width,$img_adj_height);     

    $border_color = imagecolorallocate($newimage, 255, 255, 255);
    imagefilledrectangle($newimage,0,0,$img_adj_width, $img_adj_height,$border_color);

    imagecopyresized($newimage,$im,$border,$border,0,0,
    $width,$height,$width,$height); 
    imagepng($newimage,$add,9);  
    chmod("$add",0666);

}

InformationsquelleAutor learner

1

Müssten Sie CSS verwenden, um diesen Effekt zu erstellen. Es gibt mehrere Optionen.
```
 .img{
      border-top:none;
      border-left:none;
      border-right:solid 2px #dddddd;
      border-bottom:solid 2px #dddddd;
 }
```
ist die einfachste, aber es sieht nicht so toll aus.

Machen auch bessere Schatten, die Sie verwenden können, ein plugin für jQuery, wie die Schatten-plugin. Es schafft schöne drop-Schatten-Effekte auf ein beliebiges element auf der Seite.

Wie bekomme ich jquery zu arbeiten, hören viel über es... es Ist nur die <script src="jquery-Datei, hier">, die Punkte zu einige Bibliotheken oder ist es mehr?
das ist Schritt 1 von 2 - Sie haben auch zu sagen, was zu tun ist. Siehe google.com/...

InformationsquelleAutor Vincent Ramdhanie
1

Wenn das nur visual spritzt Sie könnten versuchen, die CSS3 box-shadow-Eigenschaft. Es funktioniert nur auf Firefox, Safari und Chrome-aber so ist es ein nur ein "progressive enhancement". Dieses tutorial sollte helfen.

Alternativ können Sie verwenden Sie diese CSS-Datei für eine grundlegende Wirkung. gallery ist, welcher Klasse auch immer Namen, den Sie geben, um das element rund um die Bilder (z.B. über <div class="gallery">...</div>). Breite/Höhe sind optional, aber wenn die Bilder alle dieselbe Größe haben, dann ist es besser, benutzen Sie CSS anstelle von width/height-Attribute für die Bilder selbst.
```
.gallery img {
    width: 100px;
    height: 75px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #ccc;
}
```
InformationsquelleAutor DisgruntledGoat

Bessere Lösung:

Funktion addBorderpng($Plus,$bdr=1,$Farbe='#000000'){ 
$arr = explode('.', $add); 
$extension = strtolower(end($arr)); 
$Grenze=$bdr; 
if($Endung == 'jpg'){ 
$im=imagecreatefromjpeg($add); 
} 
else if($Endung =='png'){ 
$im=imagecreatefrompng($add); 
} 
$Breite=imagesx($im); 
$height=imagesy($im); 
$img_adj_width=$width+(2*$Rand); 
$img_adj_height=$height+(2*$Rand); 
$newimage=imagecreatetruecolor($img_adj_width,$img_adj_height); 

$color_gb_temp =HexToRGB($Farbe); 
$border_color = imagecolorallocate($newimage, $color_gb_temp['r'], $color_gb_temp['g'], $color_gb_temp['b']); 
imagefilledrectangle($newimage,0,0,$img_adj_width,$img_adj_height,$border_color); 

imagecopyresized($newimage,$im,$border,$border,0,0,$width,$height,$width,$height); 
header('Content-type: image/jpeg'); 
if($Endung == 'jpg') 
imagejpeg($newimage,$add,9); 
else if($Endung == 'png') 
imagepng($newimage,$add,9); 
//imagepng($newimage); 
//chmod("$add",0666); 

} 
Funktion HexToRGB($hex){ 
$hex = ereg_replace("#", "", $hex); 
$Farbe = array(); 

if(strlen($hex) == 3) { 
$color['r'] = hexdec(substr($hex, 0, 1) . $r); 
$color['g'] = hexdec(substr($hex, 1, 1) . $g); 
$color['b'] = hexdec(substr($hex, 2, 1) . $b); 
} 
else if(strlen($hex) == 6) { 
$color['r'] = hexdec(substr($hex, 0, 2)); 
$color['g'] = hexdec(substr($hex, 2, 2)); 
$color['b'] = hexdec(substr($hex, 4, 2)); 
} 
return $Farbe; 
} 
addBorderpng('shahid.png',5);

InformationsquelleAutor Shahid Karimi

hinzufügen von Rahmen um ein Bild per php GD -

<?php

$img_src = '3.jpg';

$img = imagecreatefromjpeg($img_src);
$color = imagecolorallocate($img, 132, 15, 153);
$borderThickness = 10;

drawBorder($img, $color, $borderThickness);


    function drawBorder(&$img, &$color, $thickness)
    {
        $x1 = 0;
        $y1 = 0;
        $x2 = imagesx($img) - 1;
        $y2 = imagesy($img) - 1;

        for($i = 0; $i < $thickness; $i++)
        {

            imagerectangle($img, $x1++, $y1++, $x2--, $y2--, $color);
        }

    }

header('Content-type: image/jpeg');
imagejpeg($img);
?>

Hinzufügen und Bohrer, um ein Bild mit Hilfe von CSS

.border
{
    width: 100px;
    height: 75px;
    border : 3px solid rgb(132, 15, 153);
}
<img src='3.jpg' class='border'>

InformationsquelleAutor Anni

0

Wenn Sie wollen, um es mit PHP versucht, die PHP-GD-library: http://php.net/manual/en/book.image.php

Mithilfe von CSS wäre eine einfachere Möglichkeit, mit der border Eigenschaft.

InformationsquelleAutor Trevor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.