クリックしてフルサイズの画像をポップアップで表示するhtml

-2

クリックして同じウィンドウ内で画像のフルサイズを開く必要があります。クリックしてフルサイズの画像をポップアップで表示するhtml

<li> 
    <a href="#"><img src="images/port.png" /><div><h3>Image 2</h3></div></a> 
</li>

Port.pngは私の画像である：
私のコードは次のようになります。

[新しいウィンドウ上の画像表示画像をクリックしてください]の可能な重複（https://stackoverflow.com/questions/45305562/click-on-image-display-image-on -new-window） – Johannes

https://stackoverflow.com/questions/6813699/how-to-change-an-image-on-click-using-css-alone –

これを試してみてください：

<a href="images/port.png"><img src="images/port.png" /></a>

2017-07-25 14:31:41 Pommesloch

ありがとう！だから私のページに完全に表示され、クリック可能ですが、小さなサムネイルとして表示される前に、サムネイルサイズにイメージのサイズを変更する方法は？ 300x300でした – guyintightpants

@guyintightpantsあなたの現在のソリューションの代わりにライトボックスのギャラリーのようなものが欲しいと思われますか？ – Pommesloch

ああ、https://www.w3schools.com/howto/howto_js_lightbox.aspで入手できます。ありがとう – guyintightpants

答えて