WEBサイトの仕組みにあまり強くない方のWEBサイト制作を依頼されており、できるだけ更新を楽にできるようなサイトを制作しています。
作品展示のためのサイトなので、更新内容は作品画像とそれに伴うちょっとした説明文のみということで、
http://potapota.akinetworks.com/?eid=426167
↑こちらのサイトの
『アップローダーで上げた画像をフォルダ指定してlightboxでまとめてギャラリー化する』
という仕組みを使おうと考えているのですが、
拡大画像が表示された時に画像の下部に出るキャプション(上のサイトでは画像ファイルの名前が表示されています)を画像と同じように、
ひとつのフォルダにテキストデータなどの形式で保存し、
PHPでそのフォルダを指定して、画像一つ一つにテキストを設定すること無く画像キャプションとして表示するには上のサイトのソースをどのように編集すれば良いでしょうか?
テキストデータをアップロードする際は上のサイトのようなアップローダーを使用できなくても構いません。
どなたかご助言頂けたら幸いです。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
詳しく見てませんけど、lightalbum.phpの52行目
$output .= '<div class="section fade">'
. '<a href="'
. $album[$num]["img_path"] . '/' . $large
. '" rel="lightbox[hreview]" title="' . $large . '"><img src="'
. $album[$num]["img_path"] . '/' . $thumb
. '" /></a></div>';
が、lightbox用のリンク要素を生成してるところみたいですね。ここの
title="' . $large . '~ がキャプションのセットになります。
$largeだと、その前の
$large = str_replace($thumb_disc, $large_disc, $thumb);
で、画像のファイル名自体がセットされているので、
その画像ファイル名をもとに、fread()でテキストファイルのフォルダーから該当するテキストファイルの中身を読み込んで、$captionにでもいったん格納して、
title="' . $caption . '~
としたらどうでしょう。
※ページロード完了後javascript側で、テキストファイルを再度AJAXして取り込み、
title属性を書き換えるの技もありますが、そもそもPHPでページ生成してるんだから
動的にテキストの内容が変わっていくんじゃないから、AJAXの必要性が無いですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(IT・Webサービス) サイト上のフォルダ階層一覧、ファイル一覧を閲覧する方法は? 1 2022/11/11 15:49
- ホームページ作成・プログラミング 保存したホームページのファイルは何をしている推測できますでしょうか。 1 2023/08/18 15:50
- その他(プログラミング・Web制作) Windowsのマクロプログラムで、こんなことできますか? 3 2022/06/28 14:30
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- Android(アンドロイド) Aloha Browser でダウンロードしたファイルをPCに転送するには? 1 2022/05/23 18:54
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
拡張子無しで画像を表示したいです
-
HTMLファイルの一部の画像だけ...
-
期間ごとに画像表示を切り替え...
-
pngやjsの後ろの英数字の意味は...
-
サムネイル(画像)をクリックす...
-
タイトルバーに画像を入れるHTM...
-
「DecareステートメントにPtrSa...
-
IEでのalt属性ポップアップ表示...
-
HTMLにQRコードを挿入する方法
-
クリックしても、リンクに飛ば...
-
Javaスクリプトで画像をフェー...
-
SEOの観点から見たalt属性の文字数
-
スライドショーの上にロゴマー...
-
HTMLタグで画像が表示されない
-
画像を重ねて表示したい
-
バナーのURLについて
-
画像を入れ替える方法
-
HTMLだけで画像をクリックして...
-
カーソルを合わせると文字が出...
-
リンクバナーの貼り付け方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
画像クリックでクリップボード...
-
カウンターのHTMLソースを教え...
-
カーソルを合わせると文字が出...
-
IFRAME内に収まるように画像を...
-
tifファイルが表示されない
おすすめ情報