フォルダ内の画像をウェブでランダム表示

Question

画像のランダム表示をウェブでしたいと思います。
画像1、画像2、画像3・・・・という風に指定してランダム表示するのはわかるのですが、あるフォルダに入っている画像をランダムに表示させる方法はあるでしょうか？

テーブルを使っているのですが、できるでしょうか？

hikomin · Accepted Answer

Perl/CGIであれば、味気なくて良ければ次のようになるかと思います。

--
#!/usr/bin/perl -w
use strict;

my $img_dir = './image/'; # 画像ディレクトリを指定
my %mime = (
'.jpg' => 'image/jpeg',
'.gif' => 'image/gif',
'.png' => 'image/png',
); # 拡張子とMIMEタイプを結びつける

# ディレクトリから画像のパスを格納
my @images;
opendir my $dfh, $img_dir or die "directory open error:$!";
while( my $file = readdir $dfh ){
unless ( $file =~ /^\./ ){
push @images, $file;
}
}
closedir $dfh;

# ランダムに画像を選ぶ
srand(time);
my $rand_img = $images[ int rand $#images+1 ];

# 画像を開いて出力
my ($exp) = ( $rand_img =~ /.*(\.[a-zA-Z0-9]+?)$/ );
open my $fh, $img_dir.$rand_img or die "file open error: $!";
binmode $fh;
print 'Content-Type:' . $mime{$exp} . "

";
print join undef, <$fh>;
close $fh;

exit;
--

ちなみにこれは、imgタグで呼び出すタイプにしました。あと、エラートラップをほぼしていないので、例えば画像ディレクトリ内に妙なファイル（テキストとか）があるとエラーでしょう。（一応ドットファイルは避けていますが。）まぁ、その他必要な機能はご自分で勉強＆解析しながら調整していただければ。

N_A_O · Answer

簡単なのは、下記参照
マウスが重なったら、その下の画像をランダムに切り替える
http://www.openspc2.org/reibun/javascript/mouse/031/index.html
これはonMouseoverのソースなのでbuttonでonClickはそこを変更すれば出来るから。

moon_night · Answer

CGIなどを利用すれば可能です。
その場合は、画像のあるフォルダ内を読み取り、
中にある画像をランダムで表示させてやればよいです。

しかしこの手のものはフリーで配布されている可能性が非常に低いので自作することになると思います。
ある程度作り方をを知っていればそんなに難しいことではありませんが、何も知らない場合は相当な努力が必要です。

ちなみに、HTMLの中に埋め込む場合、SSIで読み込むかiframeで埋め込むか、IMGタグでCGIファイルを読み出すかのどれかになります。

Dpop · Answer

Web屋です。OkWebの様なサイトの設計, 開発を仕事としています。

例えば、CGIを利用してランダムに表示する。
と言う意味に捕らえれば良いのでしょうか?

静的なHTMLで行うのであれば、
表示したい順序にimgタグを書けば良いだけの事なので、
意図が見えませんでした。

「テーブル」と画像の表示は直結しません。
画像を並べて表示する時に、
表示位置を固定化するなどの目的を果たすために
利用する場合があります。

表示位置の固定化をする時、
最近はテーブルを利用するのではなく、
スタイルシートを利用して設定する事が
良いとされています。

matrix4 · Answer

フォルダをアップロードすれば

いいのでは・・

フォルダ内の画像をウェブでランダム表示

Perl/CGIであれば、味気なくて良ければ次のようになるかと思います。

簡単なのは、下記参照

CGIなどを利用すれば可能です。

Web屋です。

この回答への補足

フォルダをアップロードすれば

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング