javascript - Lightbox 2功能齐全,想要查看的图像全尺寸吗?

标签 javascript jquery html image lightbox

我正在构建一个网站,其中包含 281 x 348 的 map 小预览图像。我想找到一种方法来单击该图像以查看其完整尺寸,该图像将按原始图像尺寸进行放大1066 x 1600。但是,我想变得更奇特,让图像在同一个窗口中弹出,使其后面的页面变暗。 所以我让 Lightbox 2 完全正常工作,图像显示为弹出窗口,但它非常小。我想让它变大,并且我认为最好的选择是能够上下滚动图像。

我应该怎样做呢? Lightbox 的每个代码,包括我直接从 here. 获得的 jquery

最佳答案

我还没有在 Lightbox2 中进行测试,但在 lightbox.js 中似乎有一个名为 this.fitImagesInViewport 的选项。尝试将该值设置为 false 并查看是否得到您正在寻找的结果。

编辑:我进行了快速测试,看起来应该可以。你可以看一下 lightbox.js 的源码 here ,所以希望代码中的更改应该相当微不足道。

关于javascript - Lightbox 2功能齐全,想要查看的图像全尺寸吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22538824/

相关文章:

javascript - 如何使用 sublime text 和 Live Reload 调试 AngularJS 应用程序

php - 如何根据添加到 URL 中的数据在页面上加载数据 #a=1380369&i=23007472

javascript - 获取字符串中指定文本之前出现的部分文本

jquery - 将 jQuery 事件处理程序应用于 AJAX 内容

javascript - 带有 JS HTML 的文件的扩展名

javascript - 后备图像和超时 - 外部内容。 Javascript

javascript - 在 Google App Engine 中加载 JavaScript

javascript - 如何通过在 jQuery 中单击同一父级的另一个子 div 来选择一个子 div?

html - 嵌套的 Bootstrap 表格未填充父单元格高度

html - CSS 奇怪的行为