圖像沒有正確錨定？

Question

奧凱即時創建一個移動網站，我有圖片的頁面，當用戶點擊一個圖像，我希望它去的是同一個圖像在不同的頁面這樣的IM標記與<a name="picname">的圖像，然後將它們連接起來是這樣的：

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

但是，當我在移動瀏覽器點擊圖像將跳過喜歡右圖下（所以你不能看到它，直到你向上滾動）我究竟做錯了什麼？

片段上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> 

片段上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> 

任何想法將是巨大的！

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>