ここから本文です

回答受付中の質問

知恵コレに追加する

画像にマウスを合わせると、文が表れる方法を教えて下さい。

sarasoujuno_hanaさん

画像にマウスを合わせると、文が表れる方法を教えて下さい。

猫ブログを管理していますが、里親募集の記事に
アップした猫の写真にマウスを合わせると
その猫の名前や特徴などが文章になって表れるようにしたいのです

よく見ますが、方法が分かりません。
ブログ初心者で、ようやく写真の並列が出来るようになった程度のレベルです。

今まで気になっていましたが、解決済みの質問でも
検索キーワードすら的確に入力出来ませんでした。

回答お待ちしています。お願い致します。

例↓急上昇さんの画像に「アバター」と文が入っています。

投稿画像

  • アバター

違反報告

この質問に回答する

回答

4件中14件)
並べ替え:回答日時の
新しい順
古い順

 

chocolaterloveさん

マウスを合わせると説明文が出る方法は
まず画像を非公開で貼り付けます

非公開で貼り付けた画像の上で右クリックしてプロパティをクリックします
プロパティの小窓が開きますので、アドレスをコピーします

コピーしたアドレスを、[[img(画像URL, , ,説明文)]]を使って記事に貼り付けます
下記のタグをコピーして、スペースを入れないように記事に貼り付けて
確認してみてください

[[img(http://img.blogs.yahoo.co.jp/ybi/1/43/43/appurupairinngo/folder
/638838/img_638838_38187630_20?1210562239, , ,綺麗なオレンジの薔薇です♪)]]

画像は、560ピクセル以下の画像にしてくださいね
サイズは記入しなくても、表示されます

http://blogs.yahoo.co.jp/appurupairinngo/38376894.html

こちらで記事にしていますので、参考にしてください

投稿画像

  • アバター

koimo98さん

以下の様にすれば最後の文字のみが表示されるだけです

[[img(URL,画像の横幅サイズ,画像の縦サイズ,表示さす言葉)]]

通常の画像のURLを入れた後に『 ,(コンマ)』で区切り画像を表示させたい横幅サイズと画像の縦サイズをいれそ

の後ろに
表示させたい文字を入れます 各々の区切りに必ず『コンマ』で区切って下さい

例えば横幅450PXで縦幅400の星空の写真を表示し言葉に『今日の夜空です』と入れたいときは
下のように致します

[[img(星空の写真のURL,450,400,今日の夜空です)]]

これでその写真の上にマウスのポインタを持っていった場合
『今日の夜空です』と表示されるだけです

注意
必ず表示させる横幅サイズと縦のサイズを書き入れその後ろに文字を入れて下さいどちらかでも抜けると文字は

示されませんので
それと必ずコンマで区切って下さい

私のブログで作ってあるのがあります参考にどうぞ

http://blogs.yahoo.co.jp/koimo98/28937812.html

  • アバター

oyaji3_blogさん

Yahooブログ記事に画像を貼り付ける場合に、
投稿した画像のアドレス(URL)を取得し

[[img(http://~.jpg)]] というタグを使って貼り付ける場合に
そのalt属性として文字を入れることが出来ます。

書式
[[img(画像のURL,横幅,高さ,alt属性)]]

上記のような書式で、「alt属性」の部分に文字を入力して下さい。

具体例を示すと
http://blogs.yahoo.co.jp/oyaji3_blog/1682748.html
こちらのような記事になります。

Yahoo!ブログ上での画像の取り扱いについての説明は
■ 超簡単!!画像・写真の投稿方法♪
http://blogs.yahoo.co.jp/uragoe_2ch/17196152.html
こちらの記事でポイントを詳しく解説していますので参考にして下さいね。

  • アバター
  • 違反報告
  • 編集日時:2009/10/8 01:25:46
  • 回答日時:2009/10/8 01:24:48

maze432さん

HTMLタグで入れられるはずです(ブログだと違う入れ方があるのかもしれませんが・・・)。
いま携帯からなのでリンクを貼れませんが、私が昔から参考にさせていただいている「みんなのタグ辞書」というサイトを検索していただくと、載っているはずです。もちろん、タグについて解説されているサイトは他にもたくさんあると思います。

  • アバター
  • 違反報告
  • ケータイからの投稿
  • 回答日時:2009/10/8 01:10:45

この質問に回答する