ホームページ >バックエンド開発 >PHPチュートリアル >PHP を使用したダイナミック イメージ ギャラリー: オンラインで作品を紹介します
PHP を使用して動的イメージ ギャラリーを作成する手順: 依存関係をインストールします: PHP GD ライブラリと (オプション) ImageMagick。ギャラリー ページを作成します。画像をループしてサムネイルを表示および生成します (createThumbnail() 関数を使用)。出力画像サムネイル: HTML を使用して、サムネイルを表示するための順序なしリストを作成します。追加機能を追加します (オプション): ページング、並べ替え、フィルタリング、アップロード フォーム、ライトボックス効果。
PHP を使用したダイナミック イメージ ギャラリー: オンラインで作品を紹介します
現代の Web 開発では、イメージ ギャラリーは、次のことを可能にする不可欠な要素です。画像を魅力的に表示します。 PHP を使用すると、強力で柔軟な動的イメージ ギャラリーを作成し、作品を簡単に紹介できます。
依存関係のインストール
PHP を使用して画像ギャラリーを作成するには、いくつかの依存関係をインストールする必要があります:
ターミナルで次のコマンドを実行して、Composer を使用して GD ライブラリをインストールします。
composer require php-gd
必要な場合ImageMagick を使用するには、次のコマンドを使用してインストールします。
apt-get install imagemagick
ギャラリー ページの作成
gallery.php
という名前の新しいファイルを作成し、次のファイルを追加します。コード:
<?php // 获取图像路径 $images = glob('images/*.{jpg,png,gif}'); // 循环遍历图像并创建缩略图 foreach ($images as $image) { $thumb = 'thumbs/' . basename($image); createThumbnail($image, $thumb, 150, 150); } // 输出图像缩略图 echo '<ul>'; foreach ($images as $image) { $thumb = 'thumbs/' . basename($image); echo '<li><img src="' . $thumb . '" alt=""></li>'; } echo '</ul>'; // 创建缩略图函数 function createThumbnail($image, $thumb, $width, $height) { // Load source image $source = imagecreatefromjpeg($image); // Get source image width and height $sourceWidth = imagesx($source); $sourceHeight = imagesy($source); // Calculate new width and height $newWidth = $width; $newHeight = ($height / $sourceHeight) * $sourceWidth; // Create new image $destination = imagecreatetruecolor($newWidth, $newHeight); // Resize image imagecopyresampled($destination, $source, 0, 0, 0, 0, $newWidth, $newHeight, $sourceWidth, $sourceHeight); // Save thumbnail imagejpeg($destination, $thumb); }
実際のケース
この例では、images
ディレクトリに表示される画像が含まれています。サムネイルを生成するために、createThumbnail()
関数は PHP GD ライブラリを使用して画像のサイズを変更します。生成されたサムネイルは thumbs
ディレクトリに保存されます。
その他の機能
基本的なギャラリーの作成に加えて、次のような他の機能を追加することもできます。
結論
PHP を使用すると、強力で柔軟な動的イメージ ギャラリーを作成できます。追加機能とカスタム スタイルを組み込むことで、作品を紹介するための素晴らしいギャラリーを作成できます。
以上がPHP を使用したダイナミック イメージ ギャラリー: オンラインで作品を紹介しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。