Perlで画像フォルダ内の画像一覧を表示する方法
- Perlを使用して、画像フォルダ内の画像一覧を表示するプログラムを作成しました。しかし、現在は画像が縦に並んでしまっています。
- 表示する画像が横並びでいっぱいになったら下に並べるようにしたいです。
- 画像の横幅が7個までしか表示できない場合、それ以上の画像は下に表示するようにしたいです。
- ベストアンサー
Perlについて質問です
いつもお世話になっております。 画像フォルダの中の画像の一覧するプログラムを作成したのですが、 opendir(DIRHANDLE, "./img/"); foreach(readdir(DIRHANDLE)){ next if /^\.{1,2}$/; print <<END <a href="img/$_" rel="lightbox[sample-group]"><img src="img/$_" alt="" width="100"></a> END } closedir(DIRHANDLE); 画像が横並びでいっぱいになれば下に並べるということをやりたいのですが、 どのようにするのでしょうか? =現在=(■←画像 ■ ■ ■ ■ ■ ============== と縦に並んでしまいます。 これを ↓============== ■■■■■■■ ■■■■■■■ ■■■■■■■ ■■ =============== 23個の画像があり 横が7個(これは横幅のサイズが7個までしかいかなかったとき) になったら下に7個またさらに下に7個下に端数の2個 となるようにです・・・
- perlhogehoge
- お礼率82% (32/39)
- Perl
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
関連するQ&A
- テーブルの作り方で質問です
こんにちは 下記のような流れの処理について教えて欲しいことがあります 1.イメージフォルダ内からファイル名を取得 2.テーブルを作成 3.テーブル内に<img src=img/$ファイル名> で画像を入れる <table width="750"> <? $dir=@opendir("img"); while($file = readdir($dir)){ print "<tr>"; print "<td><img src='img/$file' alt='$file'></td>"; print "</tr>"; } closedir($dir); ?> </table> 上記コードで1~3の単純な処理自体は出来ているのですが、テーブルの 見栄えとしては横並びに3~4個程度の<td>を入れたいのですが どうしたらいいのかわかりません。 どういう風に考えて作ればいいか教えて頂けますでしょうか 宜しくお願いします
- ベストアンサー
- PHP
- LightBoxの使い方
HPを作っています。(HTMLでメモpad使用) ギャラリーを作成のために、LightBoxを使用しました。 画像が複数ある場合は、全部書き出さなければいけないのでしょうか? 現状、書いたHTMLは以下です <a href="image/a/a1.jpg" rel="lightbox[a]"> <img src="image/thumb/a1.jpg" alt="" /></a> <a href="image/a/a2.jpg" rel="lightbox[a]"></a> <a href="image/a/a3.jpg" rel="lightbox[a]"></a> <a href="image/a/a4.jpg" rel="lightbox[a]"></a> ・ ・ ・ と、20コ続いていきます。 全ての画像を書き出さないといけないんでしょうか? 何か簡単に全部の画像を表示させる方法はありませんか? HTML初心者のため、難しいことは分りませんのでその辺ご考慮いただけたらありがたいです。
- 締切済み
- その他(インターネット・Webサービス)
- CGIがある場所以外のディレクトリの内容表示方法
ディレクトリ内にあるファイルの一覧を表示しようとしていますがうまく出来ません。 ---------------- opendir(DIR, "./"); @dir_value = readdir(DIR); closedir(DIR); ---------------- この状態だともちろんですが、CGIがあるディレクトリの一覧を表示します。(この状態で、表示する部分のプログラム(ソース?)が間違っていないことはわかります) この1つ下(同ディレクトリ内に「img」ディレクトリ作成)の内容を表示したいのですが、うまく出来ません。 単純に、 ---------------- opendir(DIR, "./img"); @dir_value = readdir(DIR); closedir(DIR); ---------------- と、してみましたがファイルを表示しません。 他にも、「./img/」または絶対パス(/home/~~)でもだめでした。 下または上のディレクトリを参照するのには上記変更だけでは出来ないのでしょうか? 方法がありましたらお願いします。
- ベストアンサー
- CGI
- jQueryでタブ、スライダーを使う際の質問です
こんにちは。WEBデザインを勉強している者です。 本やネットを見ながらWEBデザインの勉強をしていますが、まだわかっていない事が多く、どなたかお答えして頂けたら大変有り難いです。 jQueryを使って、タブ(2つ)の中にそれぞれ写真を動かすスライダーを作ったのですが、 2つめのタブのスライダーが、写真が終わっても空白のページにどこまでも進んでしまいます。 ページネーションの数も、写真の数以上に表示されていて、何ページ目かわかるように 色が濃くなるはずが、何も変わりません。 ひとつめのタブも、ページネーションが一個飛ばしで表示されてしまいます。 初心者なのに、難しい作りにしたのがまずかったのかと反省しましたが、こういった 作りは不可能なのでしょうか?似た質問を見て、$をjQueryに変えるものや、いろいろ試しましたがチンプンカンプンで全くできませんでした。涙 両方のスライダーを動かそうと思って、 <div id="carousel">と<ul id="carousel_base">のidをclassに変えてしまったのですがそれが原因でしょうか.. もしおわかりになる方がいらっしゃったら、助けて頂きたいです。 スライダーはhttp://black-flag.net/jquery/20110708-3310.htmlここのコードをそのまま使いました。 2つとも動かす為に、$('#carousel')などの#部分を全てクラス$('.carousel')に変えてしまいました。javascriptの方も#から.に変えました。 ですが2つのスライダーがまとめて動いてしまっているような感じもします。 よくわからない質問で申し訳ありません。 下にあるコード部分がもうひとつあって、<div id="tab-2">にしているという感じです。 <div id="tab-1"> <div class="carousel"><!-------------carousel start-----------------------> ↑ここはもともとidでした <ul class="carousel_base"><!-------carsousel_base start-------> ↑ここはもともとidでした <li> <ul> <li><img src="#" /></li> </ul> </li> <li> <ul> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> </ul> </li> <li> <ul> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> </ul> </li> <li> <ul> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> <li><a href="#" rel="lightbox[roadtrip]"><img src="#" /></a></li> </ul> </li> <li> <ul> <li><img src="#" /></a></li> </ul> </li> </ul><!-------carsousel_base end--------> </div><!-----------------------carousel end-----------------------------> </div><!--tab-1 end-->
- ベストアンサー
- JavaScript
- lightboxのタイトル部分にリンクを設定したい
lightboxのタイトル部分にリンクを設定したいのですが... lightbox.jsを使用し、拡大した画像のタイトル部分にリンクを設定したく、 <a href="img/001.jpg" rel="lightbox[imagegroup]" title="<a href="http://www.google.co.jp/">sample</a>"><img class="fade_img" src="img/001.png" /></a> と記述しましたがリンクに飛んでくれません。 (右クリック>新しいタブで表示 にするとちゃんと飛んでくれます。) どのように直したら良いでしょうか。宜しくお願い致します。
- 締切済み
- JavaScript
- フォルダ内のTXTファイル一覧表示
opendir(DIR,"./"); while($bbb=readdir(DIR)) { print "<a href=\"$bbb\">$bbb</a><br>\n"; } closedir(DIR); で、取得するファイルをTXTに限定したいと思っています。 どのように追加すればいいかご存知の方がいましたら 教えて下さい。
- ベストアンサー
- Perl
- readdirでのファイル名取得
readdir()にて、textファイルのみ取り出すにはどのようにすれば良いのでしょうか? 現状は、後処理で、/txt|TXT/でマッチさせています。 opendir(DIR,"./DATA/"); @file=readdir(DIR); closedir(DIR); foreach $myfilename(@file){ if($myfilename=~/txt|TXT/){ print "$myfilename\n"; #確認用 } } よろしくお願いいたします。
- ベストアンサー
- Perl
- jQuery LightBox Plugin動かず
複数の画像をLightBoxで表示したくて http://shanabrian.com/web/library/jlightbox.php#option のページ参考にテストしてみました。紹介されてるダウンロードページからデータを取得し、 解凍後、css、images、jsディレクトリを適用するファイルと同じディレクトリに設置しました。 そしてJavaScriptおよびCSSをhead内にコピーし a要素にrel="lightbox"を追加 これで完了のはずですが、しかし動作しません。 画像のページが開いてしまいます。なぜ動かないのでしょうか? <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>テスト</title> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> </head> <body> <a href="images/sample1.jpg" rel="lightbox"><img src="photos/image1.jpg" width="200" height="300"></a> <a href="images/sample2.jpg" rel="lightbox"><img src="photos/image2.jpg" width="200" height="300"></a> <a href="images/sample3.jpg" rel="lightbox"><img src="photos/image3.jpg" width="200" height="300"></a> </body> </html> お願いします。
- ベストアンサー
- 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
お礼
ありがとうございます! テーブル要素で試してみて、 BootStrapというのを調べてみたいと思います。