Javascript 无法使用ImgLiquid显示responsiv图像
我在尝试使用时遇到了一个问题;我不明白为什么,但当我启动它的形象不再显示。 我试图直接将代码添加到我的页面中,但这并没有改变任何事情 这是一个优先问题还是一个冲突问题 这很奇怪,因为插件似乎加载正确,因为我没有控制台问题,我的显示器也没有变化 以下是之前和之后的内容: 这就是我“硬编码”的方式。也许是在那里我做错了 如何使用该功能:Javascript 无法使用ImgLiquid显示responsiv图像,javascript,jquery,Javascript,Jquery,我在尝试使用时遇到了一个问题;我不明白为什么,但当我启动它的形象不再显示。 我试图直接将代码添加到我的页面中,但这并没有改变任何事情 这是一个优先问题还是一个冲突问题 这很奇怪,因为插件似乎加载正确,因为我没有控制台问题,我的显示器也没有变化 以下是之前和之后的内容: 这就是我“硬编码”的方式。也许是在那里我做错了 如何使用该功能: $(function() { $(".imgLiquidFill").imgLiquid({ fill: true, h
$(function() {
$(".imgLiquidFill").imgLiquid({
fill: true,
horizontalAlign: "center",
verticalAlign: "top"
});
});
这就是我看到的风格;你觉得这正常吗。。
(显示:无
和可见性:隐藏
)
编辑并回答:
所以对于以后遇到这个问题的人来说:这是解决方案,问题来自哪里(我从中得到了什么)
图像正在显示,但是;由于图像显示为背景图像,因此没有高度的div是不存在的。我必须为该框指定一个高度,以便正确显示。现在,我刚刚将高度设置为WTVpx
稍后,我将通过获取较大div的高度(绿色)来修复它,并使用jQuery将其设置为块的高度
希望有一天这能对某人有所帮助。这是因为图像不再存在。您应该在控制台中看到错误/404 尝试在浏览器中转到,图像已消失,因此在使用插件时不会显示在页面中 这就是为什么小提琴不起作用的原因。由于我看不到你的代码,我只能假设你使用的是相同的图片复制我的文章以获得更好的可视性 所以对于以后遇到这个问题的人来说:这是解决方案,问题来自哪里(我从中得到了什么) 该图像正在显示,但由于该图像显示为背景图像,因此没有高度的是div。我必须为该框指定一个高度,以便它可以正确显示。现在,我刚刚设置了WTVpx的高度 稍后,我将通过获取较大div的高度(绿色)来修复它,并使用jQuery将其设置为块的高度
希望有一天这能帮助到别人。JSFIDLE中的图像没有找到。试试这个提琴是的,我已经找到了;但是没有,在我的页面中,我使用的是与以前相同的图像…我以一系列的精度编辑了我的代码。“我以一系列的精度编辑了我的代码”在哪里?你编辑了插件吗?刚刚编辑了吗?我没想到你会这么快确定这是一个盒子大小的问题;盒子显示为0px的宽度我不知道为什么..不管怎样,现在还可以:)很高兴你能整理它。更新这个问题可能是一个好主意,以帮助其他可能有同样问题的人