0

私は phpThumb を使用していくつかの画像をオーバーレイしています。これは GD ライブラリを利用しています。この機能を機能させるには、画像を同じサイズにする必要があります。したがって、ユーザーが画像をアップロードするときは、サイズを検証する必要があります。最後に、正しく表示するには、画像の周りに透明な境界線を追加して、下にある画像が同じサイズになるようにする必要があります。

したがって、CSS アプローチを使用することはできません。これを行うことができる他の GD 呼び出しがあるかどうかはわかりませんが、Web サイトは現在ダウンしています (http://www.libgd.org/)。

透明な境界線を追加するには、どのような方法をお勧めしますか?

4

1 に答える 1

1

css のマージンは、透明な境界線のように機能します。しかし、あなたの問題にはより良い方法があります：

まず、phpThumb を使用している場合は、画像のサイズを自動的に変更できるため、画像サイズを検証する必要はありません。

<?php

    require_once 'path/to/ThumbLib.inc.php';

    try
    {
         $thumb = PhpThumbFactory::create('/path/to/image.jpg');
    }
    catch (Exception $e)
    {
        // handle error here however you'd like
    }
    $thumb->resize(100, 100);
    $thumb->show();
?>

詳細については、こちらをご覧ください。

国境が必要な理由がよくわかりませんでした。ただし、画像にオーバーレイを使用する場合は、オーバーレイに合わせて画像に境界線を追加する必要はありません。画像にオーバーレイが必要な場合は、次のようにすることができます。

 <div class="container">
   <img src="path to your image" />
   <span class="overlay"></span>
 </div>

いくつかのスタイルを適用します。

.container{ // the same size as your image
  width:100px;
  height:100px;
}

.overlay{
   position: absolute;
   top:0;
   left: 0;
   width:100%;
   height:100%;
   background: ...
   ...
}
于 2012-10-04T13:23:43.733 に答える