我正在尝试创建一个用户可以单击图像的功能，而较大的图像将在一个小的弹出窗口中加载。我已经在系统中拥有更大的图像，因此它只需要加载图像，但需要在窗口中加入正确的尺寸！
我是如何实现这一目标的？
感谢。
答案 0 :(得分：3)
您可能希望了解使用众多js灯箱解决方案之一 例如http://leandrovieira.com/projects/jquery/lightbox/
答案 1 :(得分：2)
查看window.open。这将允许您打开指定高度和宽度的新窗口，您只需要执行以下操作：
window.open("<?php echo $url; ?>", "_blank",
"height=<?php echo $height;?> width=<?php echo $width; ?>")
您可以使用getimagesize
答案 2 :(得分：0)
我created a responsive javascript only lightbox（不需要jquery），您可以将链接传递给更大的图像。因此，您的缩略图HTML应该如下所示，缩略图图片会显示在src属性中，而大图片的链接会显示在data-jslghtbx属性中：
<img class="jslghtbx-thmb" src="img/lightbox/thumbnail-picture.jpg" alt="" data-jslghtbx="img/big-picture.jpg">
您还可以通过data-jslghtbx-group属性使用图库功能来显示多张图片，但请务必通过display: none;隐藏所有图片元素（触发灯箱的缩略图除外）。访问github for full documentation。希望这有帮助！