画像が正しく固定されていませんか？

Question

私はモバイルサイトを作成しています。画像のページを持っています。画像をクリックすると、別のページの同じ画像に移動したいので、画像を<a name="picname">にマーキングして、次のようにリンクします：

<a href="pagename.html#picname"><img src="filepath/picname.jpg" border="1"></a> 

しかし、私が間違ってやっている私は、モバイルブラウザで画像をクリックすると、それは右の画像の下に好きにスキップします（あなたがスクロールアップまであなたはそれを参照してくださいカント）？ gallery.html

<a name="1"></a><img width="95%" border="2" alt="" src="gallery/1.jpg"><br> 
<a name="2"></a><img width="95%" border="2" alt="" src="gallery/2.jpg"><br> 
<a name="3"></a><img width="95%" border="2" alt="" src="gallery/3.jpg"><br> 
<a name="4"></a><img width="95%" border="2" alt="" src="gallery/4.jpg"><br> 
<a name="5"></a><img width="95%" border="2" alt="" src="gallery/5.jpg"><br> 
<a name="6"></a><img width="95%" border="2" alt="" src="gallery/6.jpg"><br> 

上page_1.html

<a href="gallery.html#1"><img src="gallery/1.jpg" width="95%" border="1"></a> 
<br><br> 
<a href="gallery.html#2"><img src="gallery/2.jpg" width="95%" border="1"></a> 
<br><br> 
<a href="gallery.html#3"><img src="gallery/3.jpg" width="95%" border="1"></a> 
<br><br> 
<a href="gallery.html#4"><img src="gallery/4.jpg" width="95%" border="1"></a> 
<br><br> 
<a href="gallery.html#5"><img src="gallery/5.jpg" width="95%" border="1"></a> 
<br><br> 
<a href="gallery.html#6"><img src="gallery/6.jpg" width="95%" border="1"></a> 

スニペット上の任意のアイデアは素晴らしいことだ

スニペット！

Answer 1

画像の前にアンカークローズタグを入れてみましたか？

<a href="#" name="picname"><!-- --></a> 
<img src="file.jpg" /> 

Answer 2

通常、あなたが（同じページまたは別のページのいずれかで上記/下記）に「スクロール」と別の場所にリンクを作成したいコンテンツを前の個々のアンカータグを作成します。

新しいウィンドウをポップアップして画像にスクロールさせたいと思うようですね。そのような場合、あなたはこのような何かやりたいとしている：

を（この例では、我々はページ名が「gallery.html」であることをふり）

<a href="gallery.html#picid" target="_blank">Click here for this image</a> 

下ページ上（またはそれがある場合もあります）：

<a name="picid"></a> 
<img src="image.png" border="0" /> 

これは動作します。私はそれをテストしました。実際に新しいウィンドウで開きたくない場合は、最初のハイパーリンクアンカータグから 'target = "_ blank"を削除してください。問題は、一度hrefを追加すると、標準のアンカーではなくハイパーリンクになります。あなたは、画像をクリックすると、クリック可能なイメージを持っているし、新しいウィンドウで開いているページを持っている（と、自動的に画像の位置にスクロール）したい場合は

、適切な設定は次のようになります。

<a name="picid"></a> 
<a href="gallery.html#picid" target="_blank"><img src="image.png" border="0" /></a>