こんにちは。
今アルバムのページを作っています。
右側に縮小した写真を縦に並べ、その写真をクリックすると画面中央に拡大されて映るというものです。
拡大された時、写真の簡単な説明文を写真の下に表示させたいんですが、やり方がわかりません。検索してみたんですが、それらしき物が見つからずこちらに参りました。

だいぶ略してますが、下記のようなソースを使って作りますよね?これで、中央に表示させるまでは出来ました。後は各写真の説明文の表示だけなんです。

<script type="text/javascript">
<!--
var img01 = "../photoothers/stamp.jpg";
function startimg(I){
 document.image.src=I;
 }
//-->
</script>

=中略=

<table>
<tr>
<td align=center>
<table border =1>
</td>
</tr>
<tr>
<td align=center>
<img src="../gif/●.jpg" name="image">
</td>
</tr>
</table>
</td>
<td>
<table align=right">
<tr>
<td align=center>
<a href="javascript:startimg(img01)">
<img src="../gif/●.jpg" width="130" height="100"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>

宜しくお願いします。

A 回答 (3件)

#2です。

 では、こんな感じでしょうか↓

<html>
<head>
<script type="text/javascript">
<!--
var img01 = "../gif/japan.jpg";
var txt01 = "日本";
var img02 = "../gif/france.jpg";
var txt02 = "フランス";
var img03 = "../gif/germany.jpg";
var txt03 = "ドイツ";
function startimg(I,J){
document.image.src=I;
document.all.txt.innerText = J ;
}
//-->
</script>
</head>
<body>
=中略=
<table>
<tr>
<td align=center>
<table border=1>
<tr>
<td align=center>
<img src="../gif/japan.jpg" name="image"><br>
<div id="txt">日本</div>
</td>
</tr>
</table>
</td>
<td>
<table align=right">
<tr>
<td align=center>
<a href="javascript:startimg(img01,txt01)">
<img src="../gif/japan.jpg" width="130" height="100"></a>
<br><br>
<a href="javascript:startimg(img02,txt02)">
<img src="../gif/france.jpg" width="130" height="100"></a>
<br><br>
<a href="javascript:startimg(img03,txt03)">
<img src="../gif/germany.jpg" width="130" height="100"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
    • good
    • 0
この回答へのお礼

お返事遅くなり申し訳ありませんでした。
コピー&パースとして試してみたところ、思っていた通りのものが出来ました!
何度もありがとうございました。

お礼日時:2005/04/08 19:02

こんな感じでしょうか



<html>
<head>
<script type="text/javascript">
<!--
var img01 = "../photoothers/stamp.jpg";
var txt01 = "クリック後 説明文";
function startimg(I){
  document.image.src=I;
document.all.txt.innerText = txt01;
}
//-->
</script>
</head>
<body>
=中略=
<table>
<tr>
<td align=center>
<table border=1>
<tr>
<td align=center>
<img src="../gif/●.jpg" name="image"><br>
<div id="txt">クリック前</div>
</td>
</tr>
</table>
</td>
<td>
<table align=right">
<tr>
<td align=center>
<a href="javascript:startimg(img01)">
<img src="../gif/●.jpg" width="130" height="100"></a>
<BR>上図をクリック
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

この回答への補足

どうもありがとうございます。これです、私が求めていた物は!これを応用して写真が複数の時をやってみたんですが、うまくいきません。説明文が全て「ドイツ」になってしまうんです。どこがおかしいのでしょうか?引き続きご教示いただければ幸いです。

<html>
<head>
<script type="text/javascript">
<!--
var img01 = "../gif/japan.jpg";
var txt01 = "日本";
var img02 = "../gif/france.jpg";
var txt02 = "フランス";
var img03 = "../gif/germany.jpg";
var txt03 = "ドイツ";
function startimg(I){
  document.image.src=I;
document.all.txt.innerText = txt01;
document.image.src=I;
document.all.txt.innerText = txt02;
  document.image.src=I;
document.all.txt.innerText = txt03;
}
//-->
</script>
</head>
<body>
=中略=
<table>
<tr>
<td align=center>
<table border=1>
<tr>
<td align=center>
<img src="../gif/japan.jpg" name="image"><br>
<div id="txt">日本</div>
</td>
</tr>
</table>
</td>
<td>
<table align=right">
<tr>
<td align=center>
<a href="javascript:startimg(img01)">
<img src="../gif/japan.jpg" width="130" height="100"></a>
<br><br>
<a href="javascript:startimg(img02)">
<img src="../gif/france.jpg" width="130" height="100"></a>
<br><br>
<a href="javascript:startimg(img03)">
<img src="../gif/germany.jpg" width="130" height="100"></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

補足日時:2005/04/03 23:34
    • good
    • 0

ソースをコピーしてhtml形式で確認してみました。



<img src="../gif/●.jpg" width="130" height="100"></a>
<BR>説明文</td>
</tr>
</table>

<a></td>の間に<BR>を説明文と入力すると
一応写真の下に説明文出ることは出るんですが・・・
    • good
    • 0
この回答へのお礼

どうもありがとうございます。
私もこのやり方はやってみたんですが、これですと縮小写真の下に説明が表示されますよね?拡大された写真の下に表示したいんです。
そのやり方はご存じないでしょうか?

お礼日時:2005/04/03 05:49

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q文章が上手くなる方法

文章が上手になる方法を教えてください。
方法のひとつに新聞や本を読みなさい! というのがありますが、文章力UPには別の方法もあるような気がするんです。センター試験用の国語の問題集の、現代文客観問題というのを1冊やりましたが、次は記述問題を1冊やってみようと考えています。

・今、文章を書いて一番不満に感じる点は、書いた後に頭と後ろを入れ替えたり、説明不足を補ったりと、修正個所が多くて結局文章作成に時間がかかること。因みに学生時代は国語なんて・・と軽視してまったく勉強しなかったため国語のテストではろくな点数がとれていませんでした。ボールペンで真っ白な紙に文書を書く人を見ると感心してしまいます。

Aベストアンサー

質問文の後半に「因みに学生時代は」とあるので、質問者さんは現在、
社会人でしょうか?
その前提でお答えします。

結論から言えば、「とにかく多くの文章を書くこと=文章修行」ですね。
併せて、「とにかく多くの文章を読むこと=表現を盗む」ことも大事です。
なぜなら、「読むこと」と「書くこと」は、この二つではじめてひとつの
能力となるからです。(あと、「話すこと」もですね。正確には三つかな)

私の経験にかぎっていえば、具体的には、次のようなことを心がけてみては
いかがでしょうか。

 1.相手=読み手の立場を考えて書く
   → 例えば、こんな経験ありませんか?
     冗長な文章を読まされて、「何がいいたいのか」と思ったこと。
     それを思えば、上手な文章というのは、「相手が読みやすい」
     「相手に自分のいいたいことが伝わりやすい」ということに 
     なるのではないでしょうか。

 2.主語と述語をはっきりさせて書く
   → 英文のように書く、ということですね。
     日本語は主語を省略しても書けますが、そのために、難解な文章と
     なる場合があると思います。 

 3.結論から先に書く
   → ビジネスでも、「結論を先に言え」と言うのが基本ですよね。
     理由はその次に言う(書く)というやりかたです。
     例えば、    
      「結論=いいたいことは○○です。理由は次の3点です。
       (1)~、(2)~、(3)~」

 4.ひとつのパラグラフはなるべく短くする
   → だらだらと文書を書くので、ますます「いいたいこと」が
     わからなくなる。話し言葉もそうですよね。
     「~ですが、~ですが」という接続詞を連発するあれです。     
     現代文の問題でも「作者の気持ちを○字内で書け」とありますが、
     そんな風に考えてはどうでしょう。
     ちなみに、私は40~50字を仕事の記録文書でも意識してますが。
     どうしても字数オーバーしますね。
     ときには上司から2つの短い文章をつないで、長く修正させられたりと
     いうこともあります(笑)

 5.紙と鉛筆は常に持つ
   → 書きたいと思ったときに必要です。頭でいい文章表現が浮かんでも
     やっぱり書きあらわさないとわかりませんよね。
     あと、気軽に書く「くせ」がつきます。

以上、ご参考になれば幸いです。難しいことはありません。
小さなことの積み重ねです。よい結果が得られますように。
     

質問文の後半に「因みに学生時代は」とあるので、質問者さんは現在、
社会人でしょうか?
その前提でお答えします。

結論から言えば、「とにかく多くの文章を書くこと=文章修行」ですね。
併せて、「とにかく多くの文章を読むこと=表現を盗む」ことも大事です。
なぜなら、「読むこと」と「書くこと」は、この二つではじめてひとつの
能力となるからです。(あと、「話すこと」もですね。正確には三つかな)

私の経験にかぎっていえば、具体的には、次のようなことを心がけてみては
いかがでしょう...続きを読む

Q以外でfontカラーを指定する方法

私はこれまで部分的にフォントの色を変えるとき、<font color></font>を使っていましたが、これから徐々にこの種のタグがサポートされなくなると聞いてあせっています(現在cssを勉強中です)。
<font color></font>以外の方法で部分的に色を変える方法を教えてください。

Aベストアンサー

<span style="color:#ff0000">ああ</span>
部分的ならこれで良いと思います。

Q歌が上手くなる方法

歌が上手くなる方法

私は歌がうまくなく、カラオケなどに行きにくいです。
歌が上手くなる方法などの上達方法を教えて頂けますか。

歌が上手くなりたいと本気で考えていますので、教えてください。

Aベストアンサー

歌が上手くなる方法と言われても
少し漠然としていますが、基本的な発声からリズム感の養い方など
勉強する事はたくさんあると思います。

私は以下のサイトでもあるのですが、こちらの
方法がすごく勉強になったので、ご参考にしてみてください。
http://singasong2007.seesaa.net/

歌が上手くなる最短の方法だと感じました。

Q
  • タグを自分のホムペに、記述しているのですがGoogl

    <li></li>タグを自分のホムペに、記述しているのですがGoogleなどで検索をしても<li></li>タグでリンクしているリンクが表示されません。

    自分のサイトははっきり出るのですが…。

    何が言いたいかわかりますか?

    たとえば、Googleで「OKWave」で検索をすると出ますよね。
    でもその下に、ライフ・恋愛相談へのリンクが表示されますよね。

    それのことを言っているのです。

    <li></li>タグでリンクしているページは表示されないのですか?!

    Aベストアンサー

    検索結果の説明文(スニペット)の下に表示される
    数サイトのナビリンクの事ですね?
    それなら「サイトリンク」です。ミニサイトリンクもありますが、
    大企業や有名サイトになれば表示されやすいので
    <li></li>程度を設定したからと言って表示されません・・・

    http://www.google.com/support/webmasters/bin/answer.py?hl=jp&answer=47334
    http://googlewebmastercentral-ja.blogspot.com/2009/07/blog-post_27.html
    最新記事を先日見たのですがURLが見つからなかった・・・

    Q絵が上手くなる方法

    こんにちは。初めての質問です。
    私は趣味で絵を描くことがあるのですが、絵が下手なので上手く描けません。どうしたら上手くなるでしょうか。 いい練習法などがあれば、教えてください。よろしくおねがいします。

    Aベストアンサー

    上手いかどうかは別として、仕事で絵を描いています。
    絵が上手くなりたい!と思っていたころに実践していたことを箇条書きにしてみました。
    ■逐一、鏡に映して見てみる。
     他の回答者様の意見にもありましたが、客観的に見れるから何処がおかしいのかわかります。
     透ける素材なら裏から光にあてて見てみるなど…。デッサンの狂いように愕然としました(笑
    ■とにかく絵を見る
     ネットではなく本や生で見るといいと思います。
     特に理由はありませんが、本とかのほうが良い気がするんです(笑
    ■とにかく書く
     A6サイズ程度のメモ帳を持ち、なんとなく気になった人やモノを走り書きしたり、人物を書かれているのなら「100人デッサン」とかを実行してみるのもいいと思います
     (町に出て、100人デッサンするまで帰らない、風景なら、100コ家やモノを書き写すまで帰らない、などなど)

    ■”上手い絵”という固定観念に縛られない
     これは上手くなるための方法とは違うかもしれません(笑
     風景でも人物でも抽象でも、「上手い絵」と「魅力ある絵」は違うと思います。
     ご自分の納得出来る画風を目指すのも上手くなるひとつの方法ではないかと思います。

    参考になるかどうかはわかりませんが書かせて頂きました。
    頑張って下さいね。

    上手いかどうかは別として、仕事で絵を描いています。
    絵が上手くなりたい!と思っていたころに実践していたことを箇条書きにしてみました。
    ■逐一、鏡に映して見てみる。
     他の回答者様の意見にもありましたが、客観的に見れるから何処がおかしいのかわかります。
     透ける素材なら裏から光にあてて見てみるなど…。デッサンの狂いように愕然としました(笑
    ■とにかく絵を見る
     ネットではなく本や生で見るといいと思います。
     特に理由はありませんが、本とかのほうが良い気がするんです(笑
    ■とにか...続きを読む

    Q宣伝方法おしえて~><

    Fc2でゲーム攻略のサイトをつくりました
    宣伝もなにもしていないので人こないです^^;


    無料の宣伝方法を教えて~><

    Aベストアンサー

    まずは、SEO対策を強化しましょう。
    アクセスしてくる人の殆どは、直リンクなどでなく、検索エンジンからの検索結果からアクセスしてきます。
    SEOを最適化すれば、検索エンジン対策ができますよ。

    まあ、もうひとつの宣伝方法と言ったら、TwitterとかSNSで流すことですね。相互リンクとかすると、良い点もありますけど、多少厄介な点もありますので・・・。

    Qイラストが上手くなるコツ

    そろそろグリーティングカードや年賀状のシーズンですが、アメコミやHIPHOPの方達が壁などにペイントやスプレーで描いている様なタッチの、シンプルだけどパワフルなイラストを描いてみたいのですが、どのような方法や練習であのようなシンプルでパワフルなタッチの絵が描ける様になるのでしょうか?

    自分は子供の頃に漫画部等に所属した経験があるにもかかわらずなかなか上達せず、今でも下手の横好きでイラストを描くことがあるのですが「個性的」といってくれる方もいますが正直お子様レベルです。

    アメコミはともかく、HIPHOPアートを描いている方達は絵画の基礎など勉強しているのでしょうか?それともやはり小さい頃から描き込んでいるとか天性のセンスがないとあのようなインパクトある個性的な絵は描けないんでしょうか?

    イラストや漫画の描き方に詳しい方、ヒップホップアートを描いてらっしゃる方でアドバイスしていただける方がいればと思います

    説明下手で長文になり申し訳ありませんが、ご回答よろしくお願いします。

    Aベストアンサー

    イラストやヒップホップアートはアカデミックな技法が絶対必要というわけではないので、それらを制作するにあたって絵画の基礎をあえて学ぶ必要はありません。ただ美大生なんかは若いし訓練も積んでるし、やり始めたら飲み込みは早いでしょうね。

    練習法ですが、まずはたくさんの作品に触れて真似して、どうやったら「シンプルだけどパワフル」になるのか自分で実感しなければなりません。セオリーみたいなものが必ずありますから、探して発見してください。例えば太くて勢いのある線で構成された形だったり、対称的で派手な効果の色彩構成だったり、画風を作る要素はいろいろあります。

    生まれ持ったセンスが大きくものを言うのは間違いないですが、練習次第でそれなりに技術は習得できます。怖がらずに大胆な気持ちで臨むといいですよ。

    Q<>区切りについて

    私が使っている掲示板CGIでは、書き込みされた記事?(テキストデータ?)を
    「<>」←これで区切っているようです。
    そして、そのデータをExcelで編集したかったのですが、CSVで出力すると
    「カンマ区切り」でしか出力できません・・・
    何か良い方法はありませんでしょうか?
    ちなみに「<>」は半角の<>です。

    それと「<>」って何区切りと発音するのでしょうか?

    Aベストアンサー

    僕ならテキストエディタ(メモ帳で十分)で
    検索する文字列「<>」
    置換後の文字列「,」(←カンマ)
    にして全置換を行なって
    カンマ区切りファイルにしてしまってからExcelで開きますかね。

    方法はいろいろあると思います。
    書き込み記事の中にカンマが使われてたらもう一工夫必要ですし、場合によります。

    Q上手くなるためには

    単純な質問なんですが、上手くなるためには何が必要なのですか?
    上手い人に聞いても知らないと聞かれます
    上手くなるためには何が必要なのですか?
    教えてください。

    Aベストアンサー

    ≫単純な質問なんですが、上手くなるためには何が必要なのですか?上手い人に聞いても知らないと聞かれます上手くなるためには何が必要なのですか?
    う~ん、皆様とかぶってしまうかもしれませんが、単純に勝つためには何をしたらいいのかを考えるべきですね。
    貴公様がどのような戦型なのか(攻撃の中でも前に張り付くのか、後ろに下がって打ち合うのか、オールラウンドなのか…etc)わからないので具体的には言えませんが、自分が試合の中でなにを軸にして戦うのか、そのためにはどんな技術が必要なのか、それではどんな練習をすべきなのか、という風に考えていくのです。
    自分は守備が多めのカットマンなので、基本練習のほかに全面で守る練習や浮いたボールをミスなく打つ練習をかなりやっています。

    また、基礎を固めることも必要だと思います。
    もちろん実践的なオール練習やパターン練習も大事ですが、一つ一つの技術の向上もうまくなるには必要です。
    みんなと同じ練習をしていて、自分の戦型では必要ないなという練習があるなら一つ一つの技術の向上のために基本練習をしてみてもよいと思います。

    あとはサービスレシーブのうまさだと思います。サービスレシーブがうまい人は自分と同じ実力や自分よりより多少強い人にも勝てる確率が上がります。

    ≫単純な質問なんですが、上手くなるためには何が必要なのですか?上手い人に聞いても知らないと聞かれます上手くなるためには何が必要なのですか?
    う~ん、皆様とかぶってしまうかもしれませんが、単純に勝つためには何をしたらいいのかを考えるべきですね。
    貴公様がどのような戦型なのか(攻撃の中でも前に張り付くのか、後ろに下がって打ち合うのか、オールラウンドなのか…etc)わからないので具体的には言えませんが、自分が試合の中でなにを軸にして戦うのか、そのためにはどんな技術が必要なのか、それでは...続きを読む

    Q画像が表示されません!(><)

    こんにちは。初めてのHP作りでてんてこまいしながら作っています。

    ホームページビルダー9で作成し、クロスという無料HPスペースで公開しました。
    自分が使っているPCでは画像も全て表示されて喜んでいたのですが、友達に見てもらおうとしたところ画像やロゴが全て×印で見れないそうです。

    またもう一人の友達にもHPのアドレスを教えたところ「とべなかった」そうです。

    自分のPCからは見れるのにこんな事ってあるのですか?対策があったら教えてください。画像は全て500kb前後のjpgです。

    Aベストアンサー

    #3です。回答ありがとうございます。

    たしかに#4のかたのおっしゃる通り、ほかのQ&Aサイトでアドレスを提示して質問されたほうが効率がいいですね。現時点でちょっと原因が特定できませんし。
    他のサイトで質問をするなら、マルチポスト扱いをされないように、「教えてgooで質問したけれどアドレスを提示できないので……」などと言い添えたほうがいいかもしれません。


    さて、他のサイトでご質問なさるなら以下は無視なさってください。

    画像のアドレスはhttp://~で始まっているのですね。(http://あなたのホームページアドレス/○○のようなアドレスということですよね)
    ではそのアドレスをブラウザのアドレス欄に入れて表示させ、念のため再読み込みしてみてください。画像が表示されますか?

    表示されなければ画像が正しい場所にアップロードされていないというミスでしょう。(でも、現時点で質問者さんにはちゃんと見えるということなので、これはなさそうです。)

    あと考えられるのはこんなところです。力になれなくてすみません。
    ・ホームページに使えない画像ファイル(拡張子がgif,jpg,png以外)
    ・ファイル名が半角英数字以外
    ・ファイルが大きすぎる
    ・たまたまその時間にサーバーが込み合っていてタイムアウト

    #3です。回答ありがとうございます。

    たしかに#4のかたのおっしゃる通り、ほかのQ&Aサイトでアドレスを提示して質問されたほうが効率がいいですね。現時点でちょっと原因が特定できませんし。
    他のサイトで質問をするなら、マルチポスト扱いをされないように、「教えてgooで質問したけれどアドレスを提示できないので……」などと言い添えたほうがいいかもしれません。


    さて、他のサイトでご質問なさるなら以下は無視なさってください。

    画像のアドレスはhttp://~で始まっているのですね。(http://あ...続きを読む


    人気Q&Aランキング

    おすすめ情報