There are three parts to making these tags.
This is the spot on the page that the links will jump you to - it doesn't have to be an image, but that's the application of this code we're focusing on. Right before your image code, type:
This name should be something you will remember. It won't show up on the page, but you will need to use it later in the code. It can be something simple like "Image1", but it can also be more descriptive, like "trianglepic". Make sure there's no text or empty space between this code and your image - you can even put the "</div>" after your image if you want.
In the caption part of your image tag, link to your anchor the same way you'd link to any section on the page. Your image code should look like this:
[[Image:FakeImage.jpg|frame| [[PageTitle#NAME|Image #]]. Any other text you want in the caption. ]]
Obviously, you need to replace FakeImage.jpg with your image's filename, PageTitle with the title of your page, NAME with the anchor name you used in the last step. "Image #" is what the link will look like - so replace the "#" with whatever number you want, or, if you want to call the whole things something else, you can do that too.
This is just like putting a link in your caption, except its in the body of your text. It should look like this:
Here's some awesome text that's going to tell you to look at [[PageTitle#NAME|Image #]] for clarification.Again, PageTitle, NAME, and # need to be replaced with what these things are actually called on your page.