私のホームページでテーブルを使用して写真を表示しています。
写真の表示にはメモ帳で、下記の様に記述し写真も2種類用意しています。
写真を用意するのは苦になりませんが、メモ帳で1枚1枚記述するのが大変なんです。
この作業が、VIXでできそうだという情報を頂きましたので、さっそくDLしてみました。
(gooへの質問が同様な質問で、申し訳ありません)
まだ、操作していませんが下記の様な記述をファイルにして取り出すことは可能でしょうか?
VIXでできそうならば、アドバイスをお願いします
<TABLE>
<TR>
<Td>テスト</td>
<Td>テスト</td>
・
<Td>テスト</td>
</TR>
<TR>
<TD><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td>
<TD><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td>
・
<Td><a href="2002\large02/(サイズ大).jpg"><IMG src="2002/before/(サイズ小).jpg"></a></td>
</TR>
</TABLE>
ここでは、テーブルについて質問させて頂きましたが、他の方法でサムネール → 大きな写真と切り替えられればOKです。
この時にHP用の記述が取り出せると有難いです。
他のソフトでも結構です上手い方法はないでしょうか?
No.1
- 回答日時:
私なら、IrfanView などの画像ソフトでファイル名を連番にしておき、Excel のセルにタグを入れ下に引っ張って作成します。
IrfanViewの紹介をありがとうございます
NETで調べると多機能なようですね、今使用しているソフトよりは良さそうに思います。
すみませんが、もう少し具体的にアウトプットについて記述いただけないでしょうか?
(細かくは、ソフトの操作を理解するしかないと思いますが)
アウトプットのイメージがわかれば、どの様になるか判断できますので。
OSについて記載がありませんでした。
前の質問で指摘されて・・繰り返してしまった。
OS:WIN7
IE:11
No.2
- 回答日時:
IrfanViewの形式/名前の一括変換で、名前の形式を「image-###.jpg」にして実行すると、指定したフォルダ内のファイルが
image-001.jpg
image-002.jpg
...
のようになります。
画像ファイルの順番が決まっているのなら、予め元の画像ファイルの名前に数字付けて並び替えが必要です。
abc.jpg→01abc.jpg
次に、ExcelのA1セルに
<td><a href="2002/large02/image-001.jpg">
B1セルに
<img src="2002/before/image-001.jpg"></a></td>
と入れて、それぞれのセルの右下を下方向に引っ張ると
image-001.jpgがimage-002.jpgと連番になり複製されます。
空いているセルに
=A1&B1
と入れるとA1とB1が結合されて
<td><a href="2002/large02/image-001.jpg"><img src="2002/before/image-001.jpg"></a></td>
のようになります、こちらもセルを下に引っ張って複製します。
あとは、コピーしてメモ帳などのエディタにペーストしてください。
2002\large02 は、2002/large02の間違いだと思います。
>2002\large02 は、2002/large02の間違いだと思います
ご指摘を有難うございます。
早速見直してみます。
IrfanViewなるほど・・・ですね
あらかじめ、
ファイルの並びを整理してフォルダーに保存し
・
>IrfanViewの形式/名前の一括変換・・
先に一括変換をして、IrfanViewで読み込んで出力されるんですよね
それをエクセルで読み込む時にリンクが取れるようにして
>こちらもセルを下に引っ張って複製します
1行だけ完成させると、あとは写真の枚数分行をコピーするということは分かりましたが
エクセルに反映させるようですが、繋がりがよくわかりません
IrfanViewのソフトからエクセルへはどの様にデータを渡すのでしょうか?
No.3
- 回答日時:
ViXを使ってみました。
メニューの一覧表作成から、指定したフォルダ内のファイル名を書き出せます。
あとは、Excelかテキストエディタで前後のタグを付け足せばできます。
outbraveさん、アドバイスを有難う御座います。
私も皆さんに頼るばかりではなく、NETで調べてみました。
>あとは、Excelかテキストエディタで前後のタグを付け足せばできます。
これは、私がメモ帳で作成している事の逆の様ですね。
私はメモ帳でテーブルをコピーして、作成し
そこへ配置したいjpgファイル大小を編集して記入しています。
これが結構大変なんです・・。
テーブルに写真の大小をレイアウトして、そのファイル名が反映されると非常に助かるのですが
そんなにうまい話はないと言う事ですね。
No.4ベストアンサー
- 回答日時:
Vixで
画像ー>アルバムHTML
で、ご要望の事ができるはずなのですが?
一応
http://owlnet.sub.jp/senior/main/vix-albumhtml.htm
http://www.ne.jp/asahi/yamaguchi/marifuhatsu/qap …
大きなjpgをフォルダ1つにまとめておけば、サムネイル画像を勝手に作成し、ご希望そのものの形式でhtmlファイルを作成できます。
サムネイル画像の大きさは、先に指定しておきます。
この回答への補足
列数と行数の設定は判りましたので、さっそく作成してみました。
表示している内容、サムネール表示の写真をクリックすると拡大される
動作としては、私の思う様な物で作成されて満足していますが、
下記について、ご存知でしたらアドバイスをいただけないでしょうか。
作製したhtmlを表示させると、
・写真の下にコメントが表示されていました
メモ帳で上に持って行くことは可能ですが設定はできるのでしょうか?
・コメントはファイル名が表示されていましたが、これは任意のコメントを入力可能なのでしょうか
また、コメントの編集ができると楽ですね
最悪は、メモ帳で編集はできます
・写真間隔、行間隔が広すぎますのでこれを最小にしたい
試しに width="124" height="87" を削除しましたが少ししか狭まりませんでした。
↓
アルバムとはいえ、mini20~max150枚くらいを1ページで考えていますので、
余白は0にしたいのです。
下記は、出来なければテーブルを細かく作成して、メモ帳で編集する方法もあると思っています。
・レイアウトした写真の横にコメント欄を追加する事は可能でしょうか
また、列の写真の下にコメントを入れられるような事は可能でしょうか
よろしくお願いします
有難うございます
テーブルのつくり方がややこしくなりますが、HPを見るとそのような説明になっており出来そうに思えました
このテスト的に作成したデモHPがあると完成が見られてありがたいが、それは無理なことでしょうか?
(手間がかかるということでしたら無視してください)
写真を複数扱えるようですが、テーブルの横列と行の指定が見当たらないようです
(まだ理解できていませんので、見逃しているかもしれません)
もう少し、説明HPを読んで試してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの位置を細かく指定し...
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
CSSを使って|の方向に並んだテ...
-
テーブルを中央に配置
-
テーブル内に画像を表示したい。
-
(タグ)一部の背景色だけ変更...
-
画像の横にテーブルを。。。
-
CSSで文字を一番下の中央に表示...
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
テーブルの任意の列を非表示に...
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
スタイルシートで colspan=3と...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報