私はこのページを見ています: http://davidwalsh.name/generate-photo-gallery
PHP ギャラリーを作成するためのコードが含まれています。動作する作業ファイルにコードをコンパイルするのに助けてもらえますか? そこにあるコードを見て、それをすべて組み合わせる方法について少し混乱しています。
ありがとう
私はこのページを見ています: http://davidwalsh.name/generate-photo-gallery
PHP ギャラリーを作成するためのコードが含まれています。動作する作業ファイルにコードをコンパイルするのに助けてもらえますか? そこにあるコードを見て、それをすべて組み合わせる方法について少し混乱しています。
ありがとう
これは私が作業モデルのためにしたことです-
1)この構造の下に私のxampp/htdocs/photogallery
フォルダーの下にフォルダー/ファイル構造を作成しました-
preload-imagesフォルダーには jpg 画像が含まれます (これは、「表示する画像がありません」というメッセージが表示されない限り、このフォルダーの下に配置されるものです)
preload-images-thumbsは、前のフォルダー images の下にある画像のサムネイルを自動的に生成します
私のindex.phpには、これらのファイルへのリンクが含まれています-smoothbox.css、style.css、mootools-1.2.4.js、smoothbox.js(これらのファイルのソース、サイトのデモから抽出)
次に、php ファイルを include_once('test.php'); として含めました。次のコードで--
/** settings **/
$images_dir = 'preload-images/';
$thumbs_dir = 'preload-images-thumbs/';
$thumbs_width = 200;
$images_per_row = 3;
/** generate photo gallery **/
$image_files = get_files($images_dir);
if(count($image_files)) {
$index = 0;
foreach($image_files as $index=>$file) {
$index++;
$thumbnail_image = $thumbs_dir.$file;
if(!file_exists($thumbnail_image)) {
$extension = get_file_extension($thumbnail_image);
if($extension) {
make_thumb($images_dir.$file,$thumbnail_image,$thumbs_width);
}
}
echo '<a href="',$images_dir.$file,'" class="photo-link smoothbox" rel="gallery"><img src="',$thumbnail_image,'" /></a>';
if($index % $images_per_row == 0) { echo '<div class="clear"></div>'; }
}
echo '<div class="clear"></div>';
}
else {
echo '<p>There are no images in this gallery.</p>';
}
test.phpの下に、このコンテンツを配置しました--
/* function: generates thumbnail */
function make_thumb($src,$dest,$desired_width) {
/* read the source image */
$source_image = imagecreatefromjpeg($src);
$width = imagesx($source_image);
$height = imagesy($source_image);
/* find the "desired height" of this thumbnail, relative to the desired width */
$desired_height = floor($height*($desired_width/$width));
/* create a new, "virtual" image */
$virtual_image = imagecreatetruecolor($desired_width,$desired_height);
/* copy source image at a resized size */
imagecopyresized($virtual_image,$source_image,0,0,0,0,$desired_width,$desired_height,$width,$height);
/* create the physical thumbnail image to its destination */
imagejpeg($virtual_image,$dest);
}
/* function: returns files from dir */
function get_files($images_dir,$exts = array('jpg')) {
$files = array();
if($handle = opendir($images_dir)) {
while(false !== ($file = readdir($handle))) {
$extension = strtolower(get_file_extension($file));
if($extension && in_array($extension,$exts)) {
$files[] = $file;
}
}
closedir($handle);
}
return $files;
}
/* function: returns a file's extension */
function get_file_extension($file_name) {
return substr(strrchr($file_name,'.'),1);
}
サーバーからコードを実行し、何か問題があればお知らせください。
何もコンパイルする必要はありません。PHP をサポートするサーバーにコードをアップロードするだけです。または、PC/ラップトップに XAMMP または WAMP をインストールすることもできます。