WEB上でディレクトリ内の画像を一括表示する方法
- 自分のWEBサイトで特定のディレクトリに保存されている100枚近くある画像を一括で表示させる方法を教えてください。
- 画像の追加や削除があるたびにHTMLでタグを打つのが面倒なので、自動化できる方法を教えてください。
- 当方のWEBサーバではjavascriptとPHPの動作確認は済ませており、特定のディレクトリ内のファイルリストを取得し、それに合わせて画像を表示するコードを作成したいです。
- ベストアンサー
WEB上でディレクトリ内の画像を一括表示
自分のWEBサイトで特定のディレクトリに保存されている100枚近くある画像を一括で表示させたいのですが良い方法はないでしょうか? 現在、 <a src="画像パス"><img src="画像パス" width=サムネイル程度の大きさ(240)></a><br> のような感じで手打ちで100枚分書いています。 ・画像は今後追加・削除していく可能性がある ・画像の拡張子、サイズ、ファイル名は統一されていない ・画像ファイルは特定された一つのフォルダにまとまって保存されている 今後大量の画像が追加されるたびにHTMLでタグを打つのが面倒なので自動化できればいいなと思うのですがどうしたら良いか分からず皆様のお知恵を貸して頂けると幸いです。 当方のWEBサーバではjavascriptとPHPの動作確認は済ませています。 javascriptやPHPを使って特定のディレクトリ内のファイルリストを取得し、それに合わせて画像を表示するコードを吐ければ良いのですが、素人なので何からやればいいのかさっぱりわからない状況です。 よろしくお願いします。
- negimagi
- お礼率12% (7/54)
- CSS
- 回答数3
- ありがとう数0
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
私の場合 WinTreeによりファイルの一覧を作成して ホームページ:http://www.hs-jp.com/aska/ 矩形選択出来るテキストエディタです上記ファイル一覧の画像パスをコピーする 私が使用しているテキストエディタのホームページ: http://www5f.biglobe.ne.jp/~t-susumu/ <div class="mid2"><a src=""><img src="" class="yok"></div> を必要以上作成して必要の項目に貼り付ける。 <style type="text/css"><!-- .mid2 {position:static;width:195px;float:left;height:190px;vertical-align:top;padding:3px;} .yok {border-style:none;width:190px;margin-bottom:2px;} --></style> 添付画像のようになります
その他の回答 (2)
- Softysoft
- ベストアンサー率56% (29/51)
webdavクライアントでサーバーに接続。 画像閲覧ソフトで、そのフォルダを見る。 では、ダメでしょうか?
- yambejp
- ベストアンサー率51% (3827/7415)
>当方のWEBサーバではjavascriptとPHPの動作確認は済ませています。 であればPHPでしょうね。 サムネイルをつくるのであればPEAR::Image_Transformあたりが便利です。 http://pear.php.net/manual/ja/package.images.image-transform.general.php 手順としては (1)PHPのreaddirでファイルを走査する (2)画像ファイルをチェックしてサムネイルを作成し元ファイルにリンクを張る (3)処理はリアルタイムではなく定期更新とする ただしPHPが全く分からないならそのあたりの基礎技術をつけることころから はじめてください
関連するQ&A
- WordPress 新しいディレクトリから画像表示させたい
初歩的な質問すいません WordPressで、デザインとファイル構成をカスタマイズしようとしています そこで、初めからあるthemes配下のimagesなどに画像を入れると、パス指定で表示されるのですが 同じ階層に別のディレクトリを作り、そこに画像を置いて指定すると、画像が表示されません。パスはあっていると思います。 <img src="images/aaa.jpg"/> <img src="新設したディレクトリ/images/bbb.jpg"/> 上は表示されるが、下は表示されないという具合です。 ディレクトリはエクスプローラで、コンテンツ分追加して管理したいと思っています。 アドバイスよろしくお願いします。。
- ベストアンサー
- PHP
- 画像がかわらない...orz
php初心者なので、とんちんかんな質問をしていたらすいません。 登録した画像を変更した時、DBに保存してある画像名もディレクトリに 保存してある画像もちゃんと最新になっているのに、呼出すと変更前の画像が 表示されてしまいます。 呼出している<img src="http://~/XXXXXX.jpg" />のパスもファイル名も 正しい内容になっています。 それに、不思議な事にブラウザの更新ボタンを押すと正しい画像が表示されます。 ど~して1つ前に処理した画像が出てしまうのでしょう... こんな質問内容でわかって頂ければどなたか助けて下さい!<(_ _)>
- 締切済み
- PHP
- ディレクトリにあるファイルのパスをテキストフィールドに取得してDBに格
ディレクトリにあるファイルのパスをテキストフィールドに取得してDBに格納したい javascriptを使いWEBサイトを作っています。 いろいろなディレクトリに分けたファイルを表示させて そのファイルを選ぶとパスがテキストフィールドに入るように modaldialogを使ってみましたが、javascriptではできないのでしょうか?
- ベストアンサー
- JavaScript
- apache2.2で画像が表示されません。
webサーバーをたて、HPを作ろうとしているのですが、テンプレート中で読んでいる画像が表示されません。 apache2.2でhtmlファイルで<img src="パス">で読んでいるだけなのですがブラウザで表示されません。 パスの設定ミス意外で表示できない理由は何かあるのでしょうか? ご教授のほどお願い致します。
- ベストアンサー
- Linux系OS
- WEBページのサムネイル、画像保存
ASP.netまたはJavascriptから 指定したWEBページを画像で保存したいと考えています。 可能であれば特定の要素を非表示にして 保存できれば嬉しいのですが、どのようにすれば良いでしょうか。
- ベストアンサー
- HTML
- ダウンロードしたHTMLの画像が表示されない
HTMLファイルを一括ダウンロードしましたが、トップページからのリンクが 切れているのか、画像データがブラウザで表示せずに×印になっています。 表示する画像データのソースと表示しない画像データのソースを比較しても原因が解りません。 ソースは <img src="abc/abc.jpg" width="190" height="245" hspace="10" align="left"> などとなっており、必要なHTMLファイルはディレクトリごと 全てダウンロードソフトでHDD内に保存してあります。 img src="abc/abc.jpg"のパスをHDDの絶対パスに変更しても駄目でした。表示しないのはjpeg,gifどちらもです。 ブラウザの設定なのでしょうか? どうすれば良いでしょうか? 宜しくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- (javascript)HTMLで指定した画像パスに画像ファイルがない
(javascript)HTMLで指定した画像パスに画像ファイルがない場合、別のファイル名の画像に差し替える方法が知りたいです。 以下のようにimgフォルダ内にある画像ファイル名をPHPでゲットしているのですが、その画像ファイルがない場合、確実にimgフォルダ内に存在する画像ファイルと差し替えたいのです。 print("<img src=img/". $item->getImage(). "border=0>\n"); <img src=img/cat.jpg border=0>が存在しないなら、<img src=img/dog.jpg border=0>を表示する。 javascript等、解決する方法がありますか? ご教授お願いします。 よろしくお願いします。<(_ _)>
- ベストアンサー
- JavaScript
- ディレクトリ内の最新の画像のみ表示したい。
ディレクトリファイルから画像ファイルの更新日時を取得して、 拡張子を問わず、最新の画像のみ表示させたいのですが、 うまく出来ません。ご教授お願いします。 ~・~・~・~・~・~・~ <?php $dir = @opendir("****"); while($file = readdir($dir)) { $kaku = substr($file, -3, 3); if($kaku=="jpg" || $kaku=="gif" || $kaku=="png"){ $cnt++; $last = date("ymdHis", filemtime($file)); $img="$last$file"; $filename[$cnt]=$file; } } closedir($dir); } arsort($img); $img_file= substr($img, 12); $cnt=0; foreach($img_file as $value){ $cnt++; if ($cnt<=1){ echo "<img src=\"$value\">"; } } ?>
- ベストアンサー
- PHP
- ドキュメント毎に表示させるフレームを変えたい場合
現在、ウェブサーバーにて大量のディレクトリーのファイルの一覧を自動的にウェブページ化し(インデックス表示)し、表示させています。このときに自動生成されるウェブページのドキュメントや画像のタグは<a src="ファイル名">ファイル名</a>のみです。 しかし、ページ数も多く、新規ファイルや削除などするファイルも多く、すべてのページに対して直接ウェブページを作成する事はできないのです。 ここでフレームページを使い、特定のドキュメントや画像、動画などを他のフレームに表示させる事はjavascriptなどを用いてできないものでしょうか? すべてのページを他のフレームに表示させるのならば<base target="どっかのフレーム名">とすれば良いのですがそれでは使えないので拡張しごとに表示するフレームを別にする方法があれば教えていただきたいと思っています。 もし、誰かこのような事をご存じの方がいれば是非ご教授して貰いたいと思っています。 ちなみに使用しているウェブサーバーソフトは「04WebServer」です。
- 締切済み
- JavaScript