うちのカレーにはこれが入ってる!って食材ありますか?

ホームページ初心者です。
小さい写真をクリックして、サーバーから拡大写真をダウンロードして閲覧します。
そこから戻る場合、「戻る」ボタンで元のページに戻ります。
ここまでは出来ます。
ここでこの小さい写真が、立てスクロールを下に下げなければならないほど下にある場合、「戻る」ボタンでこの下の位置の写真を表示する方法は、あるんでしょうか?
どなたかお分かりの方、教えてください。
よろしくお願いします。

A 回答 (4件)

「戻る」ボタンがリンクの場合であれば、リンク先を開いた時に表示させたい位置に、特定の名前を付けるname属性を持つa要素を入れておき、それに対してリンクをすればよいでしょう。


戻り先のターゲットになるところには、

<a name="back"></a>

このような要領でa要素を入れておき、リンクは

<a href="***.html#back">戻る</a>

のように、ファイル名に続けて#とターゲットになるa要素のname属性の値をつけます。
ここまでは、先の方の回答の内容と同じです。 HTMLで制御する場合は、こうするのが良いと思います。

もしJavaScriptを使うことにも抵抗がない場合は、JavaScriptでブラウザのバックボタンを押した時と同じ動作を得るのも良いかもしれません。 こちらのケースでしたら、戻るリンクのタグ内にJavaScriptを付け加えるだけです。 ただ、JavaScriptの動作を止めている環境ではこれだけだとうまくナビゲーションできないこともあるので、前掲の方法と併用するのが良いと思います。 前掲の方法と組み合わせた例ですが、戻るリンクの方のソースの記述を以下のように変えてみてください。

<a href="***.html#back" onClick="history.back(); return false;">戻る</a>

こうすると、このリンクをクリックすると、JavaScriptが有効な環境ではブラウザのバックボタンを押したのと同じ動作になって、拡大表示のページに行くリンクが表示されている位置に戻ると思います。 JavaScriptが有効でない環境でも、前掲のような動作になるはずです。

もし、上のように拡大表示のページを用意してリンクから戻るという動作ではなく、ブラウザのバックボタンで拡大表示のページから戻るとページ先頭に戻ってしまうというケースでしたら、HTMLの側での制御は難しいかもしれません。
もしこちらのケースでしたら、拡大表示を別ウィンドウで表示させる方が簡単かもしれませんね(別ウィンドウにページを開かせる指定方法については、過去の質問を検索すればたくさん見つけることができると思いますので、それらを参考になさるのが良いでしょう)。

参考まで…

この回答への補足

ご回答ありがとうございます。
申し訳ありません。
超初心者で、うまく使えません。
下記のソースコードになっていますので、具体的に教えて頂けないでしょうか。

(1) <table><tr><td>
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a></td></tr></table>

(2) <a hreg="http://www.~.html">戻る</a>

(1)のページの名前は、shasinshuu.htmlとしています。
(1)から(2)へジャンプし、(2)から(1)のshasin20の位置に戻りたいのです。

拡大写真はすべてプロバイダーのサーバーに置き、クリックの都度ダウンロードするようにしています。
よろしくお願いします。

補足日時:2003/09/25 12:06
    • good
    • 0
この回答へのお礼

色々やってみて、遂に成功しました。
補足はキャンセルします。
取り敢えずはHTMLだけですが、JavaScriptにも挑戦してみたいと思います。
有難うございました。

お礼日時:2003/09/25 14:54

#3です


閉じるのを忘れていました

1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a>

1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a></a>
    • good
    • 0
この回答へのお礼

ご回答いただき、有難うございます。
(1)では、テーブルを使っていますので、<td>の前に<a name="shasin20">と置き、</td>の後ろに</a>とすれば、うまくゆきました。
siyuno_oさんの方法も試してみます。
下の方へのお礼を書こうと画面を開いたら、siyuno_oさんのご回答がありましたので、まだ試していません。
申し訳ありません。

お礼日時:2003/09/25 15:22

こんな感じでは



1)
<A NAME="適当な名前">
<a href="http://www.~/shasin20dai.html">
<img
src="shasin20.jpg"></a>

(2) <a hreg="http://www.~.html#適当な名前">戻る</a>
    • good
    • 0

name機能でできます。

下記を参考に。

http://tohoho.wakusei.ne.jp/html/attr/name.htm

参考URL:http://tohoho.wakusei.ne.jp/html/attr/name.htm

この回答への補足

ご回答ありがとうございます。
補足をNO2さんの方でさせていただきました。

補足日時:2003/09/25 11:19
    • good
    • 0
この回答へのお礼

うまく出来ました。
有難うございました。

お礼日時:2003/09/25 15:03

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

このQ&Aを見た人はこんなQ&Aも見ています


おすすめ情報