Images not anchoring correctly? - html

Question

Okay im creating a mobile site and I have a page of images and when someone clicks on a image I want it to go to that same image on a different page so im marking the images with <a name="picname"> and then linking them like this:
<img src="filepath/picname.jpg" border="1">
But when I click on a image in a mobile browser it will skip to like right under the image (so you cant see it till you scroll up) what am I doing wrong?
Snippet on page_1.html
<img src="gallery/1.jpg" width="95%" border="1">
<br><br>
<img src="gallery/2.jpg" width="95%" border="1">
<br><br>
<img src="gallery/3.jpg" width="95%" border="1">
<br><br>
<img src="gallery/4.jpg" width="95%" border="1">
<br><br>
<img src="gallery/5.jpg" width="95%" border="1">
<br><br>
<img src="gallery/6.jpg" width="95%" border="1">
Snippet on 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>
Any ideas would be great!

Answer 1

Did you try put the anchor close tag before the image?
<!-- -->
<img src="file.jpg" />

Answer 2

Typically you create an individual anchor tag preceding the content you wish to "scroll" to and create a link in another location (either above/below in the same page or on another page).
It sounds like you want a new window to pop up and scroll down to the image? If that's the case, you're going to want to do something like this:
(For this example, we'll pretend that the page name is 'gallery.html')
Click here for this image
And lower on the page (or where ever it may be):
<a name="picid"></a>
<img src="image.png" border="0" />
This will work. I have tested it. If you don't actually want it to open in a new window, just remove the 'target="_blank" ' from the initial hyperlink anchor tag. The problem is that once you add an href, it becomes a hyperlink instead of a standard anchor.
If you wish to have the image clickable and have the page open in a new window (and automatically scroll to the image's location) when you click on the image, the proper setup would be:
<a name="picid"></a>
<img src="image.png" border="0" />