javascript - Colorbox 未将边框图像的宽度和高度添加到图像尺寸中

标签 javascript jquery colorbox

我在使用 jQuery colorbox 插件时遇到了尺寸问题。当我单击图像以在颜色框中显示它时,它会从要显示的图像中获取正确的尺寸,但无法添加其自身边框(弹出框的边框)的宽度和高度,每个边框均为 25 像素。内部宽度和高度是正确的,而外部宽度和高度最终少了 50px。这会导致图像根本不显示。只有边框可见,且位置不正确。

我已经搜索了几个小时试图找到有类似问题的人,并尝试了很多方法来解决它,但我仍然不知道为什么它一直这样做。

一些信息:
- 我正在使用 jQuery 1.4.2(这无法更改,我很确定它是兼容的)
-我当前的代码如下所示

$.colorbox({inline:true, href:'#inline_content'});

其中#inline_content是HTML图像标签的ID
- 文件按以下顺序加载:colorbox CSS - jQuery - colorbox JS
- Firebug 不显示任何 JavaScript 错误

编辑: 我发现其他人将 colorbox 的版本更改为最新版本。仅适用于 jQuery 1.4.3+ 这导致了奇怪的问题。

感谢您的帮助,如果浪费了您的时间,我们深表歉意。

最佳答案

没有人可以帮助您完成这样的描述。我为您创建测试 jsfiddle:

编辑此示例并按更新,然后向我们展示问题演示的链接(还包括您的 CSS 样式)。

关于javascript - Colorbox 未将边框图像的宽度和高度添加到图像尺寸中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13248228/

相关文章:

javascript - 在 Angular 4 的函数中打开模态对话框

validation - Jquery 验证插件和 Colorbox

html - 如何在html中创建颜色选择器?

javascript - 超链接点击事件不适用于 phonegap 但适用于浏览器

javascript - CKEDITOR - 单击工具栏上的 'Save' 按钮并调用自己的函数时防止页面刷新

javascript - 使用 jQuery 创建带分隔符的圆形 DIV?

javascript - 如何使用 cookie 来防止弹出 colorbox?

javascript - Windows Phone 8.1 WinJS Appbar 禁用属性不起作用

javascript - 在nodejs中创建嵌套数组

jquery - 添加 JQuery 菜单