リンクを同時に開くページ (画像のプレビューを含む) では、target
HTML 属性を javascript と組み合わせて使用できますonclick
。まず、href:
次の html を取得します。
<a href="http://www.idontknow.com/some_image.png">
<img src="http://www.idontknow.com/some_image.png" />
</a>
...この画像をクリックすると、同じウィンドウに画像が読み込まれます。ここで、次のことを考慮してください。
<a target="_blank" href="http://www.idontknow.com/some_image.png">
<img src="http://www.idontknow.com/some_image.png" />
</a>
...この画像をクリックすると、新しいタブまたはウィンドウで画像 (またはリンク) が開きます (ユーザー設定とブラウザの機能によって異なります)。
同時ポップアップを実現する JavaScript:
<a onclick="window.open('http://www.idontknow.com/some_image.png')" href="http://www.idontknow.com/some_other_page.html">
<img src="http://www.idontknow.com/some_image.png" />
</a>
それをクリックすると、現在のページがsome_other_page.html
表示され、ポップアップで画像 (または何でも) が開きます。
ドキュメンテーション