无法使用ImgLiquid显示响应图像

时间:2015-07-28 08:38:21

标签: javascript jquery

我在尝试使用ImgLiquid时遇到了问题;我不知道为什么,但是当我启动它时,图像不再显示了。 我已经尝试将代码直接添加到我的页面中,但这并没有改变任何内容。

可能是优先问题还是冲突问题?

这很奇怪,因为插件似乎没有正确加载,因为我没有任何consol问题和显示器的变化。

以下是之前:enter image description here

这就是我如何"硬编码它的方式。也许我在哪里做错了?

enter image description here

我如何午餐这个功能:

$(function() {

    $(".imgLiquidFill").imgLiquid({
        fill: true,
        horizontalAlign: "center",
        verticalAlign: "top"
    });

});

这就是我看到的风格;对你来说这似乎是正常的.. (display:nonevisibility:hidden

enter image description here

编辑和答案:

所以对于后来遇到这个问题的人来说:这是解决方案,问题来自哪里(我得到了什么)。

图片正在显示但是;因为图像显示为背景图像,所以没有高度的div不是。我必须指定框的高度才能正确显示。目前我只设置了WTVpx的高度。

稍后我会通过获取更大div的高度来修复它(绿色并用jQuery设置它的块高度。

希望有一天能帮助别人。

2 个答案:

答案 0 :(得分:1)

这是因为图像不再存在。您应该在控制台中看到错误/ 404。

尝试在浏览器中转到http://www.juegostoystory.net/files/image/2010_Toy_Story_3_USLC12_Woody.jpg,图片消失了,因此在使用插件时它不会显示在页面中。

这就是小提琴无法奏效的原因。因为我看不到你的代码,我只能假设你使用相同的图像

答案 1 :(得分:0)

重复我的帖子以提高可见度

所以对于后来遇到这个问题的人来说:这是解决方案,问题来自哪里(我得到了什么)。

图像显示但是;因为图像显示为背景图像,所以没有高度的div是没有的。我必须指定盒子的高度,以便正确显示。就目前而言,我刚刚设定了WTVpx的高度。

稍后我会通过获取更大div的高度来修复它(绿色并用jQuery设置它具有我的块的高度。

希望有一天能帮助别人。