他ページへのリンク時、アンカーに固定できない

質問

複数のページ（ファイル）があり、他ページへのリンクのさせ方で質問します。
《page1.htmlの構成》
　　・
<a name="ph1" link="ph1">写真１</a>
　　写真１や文書
<a name="ph2" link="ph2">写真２</a>
　　写真２や文書
<a name="ph3" link="ph3">写真３</a>
　　写真３や文書

《page2.htmlの構成》
　　・
<a href="page1.html#ph3">写真３はこちら</a>　

Page2の「写真３はこちら」をクリックするとPage1の「写真３」の位置にジャンプしますが、そこで固定せず、画面がスクロール（移動）します。
動きを見ていると、写真３の位置にジャンプした後、サイズ（標示寸法）の大きな写真１や写真２の表示が始まり、画面に入りきらず写真３の位置が下方向に移動していきます。
写真３の位置にジャンプしたら固定させるには、どうしたらよいのでしょうか。
なお、一度Page1を全部標示させた後で、Page2の「写真３はこちら」をクリックすると「写真３」の位置にジャンプし、そこで固定されます。写真１や写真２のデータがキャッシュに残っているからでしょうか？

回答No.2

u2122

400kbならそんなに重くないと思います。1MBとか2MBあるのかと思いました（汗）
回線は光回線ですか？ADSLですか？？

私は光回線ですが、試しに1.5MBの写真を3枚用意してアンカーリンクつけてジャンプしてみましたが、
写真の読み込みも一瞬で、キチントジャンプして固定されました。

違うかもしれませんが、私が思うに、
1）halovest様の回線が遅いか。
2）借りているサーバーの回線速度が重いか（遅いか）。
かしら？？と思います。

<a href="http://・・・">のように絶対パスで指定したからといって、読み込みが遅くなることはないと思うので関係ないと思いますよ。あくまで回線の速度の問題だと思います。

ファイルサイズを落としたくないのであれば、早く読み込めるように、
画像をスライスして1枚1枚を軽くしてみてはどうでしょうか。

お礼

ご回答ありがとうございます。
回線はADSLで速度は最低の1Mか1.5Mです。
どこかで早いPCを借りられる所を探して確認してみます。
画像のスライスと云う考えは、全く知りませんでした。参考にさせていただきます。

回答No.1

u2122

もしかして、画像のファイルのサイズが大き過ぎるのではないでしょうか？
試しにファイルサイズを100kbくらいにして、小さめにしてみてはどうでしょうか。

データは基本、上から順に読み込まれていくので、写真3に飛んでも、上の写真の読み込みが完了していない為、固定されずに写真１や写真２が表示されてしまっているんじゃないかなぁと思われます。だから、

＞一度Page1を全部標示させた後で、Page2の「写真３はこちら」をクリックすると「写真３」の位置にジャンプする

のは、すべての写真の読み込みが完了している為、ちゃんと指定されている写真3に飛んで固定されるのだと思います。多分・・・。
あと、余計な事かもしれませんが、name　ではなく、id　で指定した方が良いのではないかなって思います。（余計な事でしたらホントすみません）

お礼

早速の回答ありがとうございます。
ファイルサイズを小さくして試してみます。ただ、事情があって出来るだけ高精細な画像にしたいためサイズが400kbくらいあります。
質問時書き忘れましたが、写真はホームページのサーバーではなく、別の画像サーバーにあります。従って写真は<a href="http://・・・">のようにリンクを貼って読みこませています。これは影響するでしょうか？

すみません、
<a name="ph1" link="ph1">写真１</a>は
<a name="ph1" id="ph1">写真１</a>の間違いです。　
nameとidを併記しています。