Page 586 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼リンクで表示した画像に解説文を付けたい... naoko 04/4/19(月) 11:08 ┗Re:リンクで表示した画像に解説文を付けたい... you 04/4/19(月) 11:43 ┗Re:補足 you 04/4/19(月) 11:45 ┗もう少し教えて欲しいのですが〜 naoko 04/4/19(月) 13:29 ┗Re:もう少し教えて欲しいのですが〜 105 04/4/19(月) 22:34 ┗もしかして・・・ you 04/4/19(月) 23:34 ┗皆さん有難うございました〜 naoko 04/4/20(火) 8:45 ─────────────────────────────────────── ■題名 : リンクで表示した画像に解説文を付けたい... ■名前 : naoko ■日付 : 04/4/19(月) 11:08 -------------------------------------------------------------------------
はじめまして。こんにちは。 「1時間で〜」を見ながらフレームを右左2個に分けて、左メニューを押して、写真を右フレームに表示させる事まで何とか、たどり着きました。 でも、右フレームに表示された画像にさらに解説文も表示させる(何処で撮った写真です〜の様な)には、どうしたら良いのでしょうか? ご存知の方〜どうか教えて下さい〜よろしくお願い致します〜。 |
▼naokoさん: たとえば、 <img src="sakura.jpg" alt="近くの公園で撮影した写真"> とする方法もありますが、これだとIEならツールチップが出ます。 ※この掲示板の「質問掲示板」画像にカーソルを当てると出るやつです。 ただ、これだとIE以外のブラウザを利用している人たちには表示されませんし、本来のalt属性の意味は「画像の代替文字」ですので、画像の表示がされないブラウザを利用している人や、読み上げソフトを利用している人たちには判りづらいものになる場合があります。 そこで、 <img src="sakura.jpg" alt="サクラの写真" title="近くの公園で撮影した写真"> とする方法もあります。 title属性は同様に、リンク先の表示などにも使えますので、使ってみてください。 |
><img src="sakura.jpg" alt="サクラの写真" title="近くの公園で撮影した写真"> これはあくまで、適当に私が考えた『例題』ですので、自分の公開したい写真に合わせて文章などは変えてくださいね。 |
youさま。こんにちは。 凄く早いお返事嬉しいです〜。「img src=」での方法はわかりました〜。有難うございます〜。もう少しだけ教えて頂きたいのです〜。 私の作ったものは、 「1時間で作ったあとは」の「フレームでメニュー」の「menu.hrmlのソース」の中で「a href=」という形でリンクしている(index.htmlやabout.htmlやlink.html)のファイルの所を画像ファイル(index.jpegやabout.jpegやlink.jpeg)に変えただけなのです。(他は全く同じです。変えると解らないので・・) すると各リンクボタンを押すと、右フレームの「左上」に「写真だけ」がぽつんと表示されるのです。 画像が小さいので〜写真の右側や下側は、凄くスペースがあります。 「img src=」ですと「回り込み」とかで日記の様にたくさん文字を書けたりするんですよね? でもこの場合は、どのファイル(top.htmlかindex.htmlかmenu.html)にどんな命令文で書けば「回り込み」の様に出来るのか解らないのです〜。 画像ファイルに変える場合は、この方法を使用してはいけないのでしょうか? どうか教えて下さい〜。 (HPはまだ無くて、メモ帳で作成しました〜。) |
▼naokoさん: >すると各リンクボタンを押すと、右フレームの「左上」に「写真だけ」がぽつんと表示されるのです。 もしかして、左のメニューから <a href="***.jpeg">のように直接画像を右フレームに表示されていますか? これだと、右フレームには写真しか表示させることが出来ませんので 前の通りに***.htmlとページを作って、その中で<img src="">で 画像を表示させます。 その下に<p>写真の説明</p>のように写真の説明を入れるのが簡単です。 文章のやり取りだけですと、お互いのイメージが伝わりにくいので よかったらページのアドレスを書きこんでみてください。 |
▼naokoさん: もしかしたら、私のサイトの「トップページ写真集」(スクラッチ・ブック内にあります)みたいな感じを想像してますか? それとも、たとえば1ページに1枚の写真と文章を表示したいと考えていますか? 1ページに1枚の写真と文章であれば、105さんの方法を参考にしていただければいいかと思います。 私のサイトの方は、テーブルレイアウトにしていますので、 <table> <tr> <td><img src="top1.jpg" alt="○○" title="△△で撮影した○○"></td> <td>△△で撮影した○○の写真です。(以下省略)</td> </tr> </table> 以上の様な感じでレイアウトしています。 ※タグについてはタグ辞典などで調べてくださいね。 テーブルレイアウトではなく、CSSでもレイアウトできるとおもいますが・・・。 前に私の提案した方法は、上の例を見てもらうと判るかと思いますが、「HTMLファイル上に配置した画像に対する設定(?)」です。 ごめんなさい、ちょっと勘違いしてし回答してしまいました。 上の例題のようにお使い下さい。 |
本当に有難うございました〜。(youさま。105さま。感謝です〜) 直接(jpeg)だけをリンクしていました〜。これで謎が解けました〜。 こんな風に丁寧に教えて頂けて嬉しいです〜。 丁寧な解説で良く解りました。 また解らなくなったらぜひ〜宜しくお願い致します。 |