当src添加了jQuery时，IMG有0x0像素

Question

我正在制作自定义模式弹出窗口（#light1）。在我的JavaScript中，我从我点击的图像中取出src并将其添加到带有id addable的img标签中。

的jQuery

var images=$('#raam img'), index=0
$(images).click(function() {
    var src= $(images.eq(index)).attr('src');
    $("#addable").attr('src', src)
    $('#light1').css("display","block")
});

和HTML

<div id="raam">                
    <img id="pilt1" src="uudistepildid/1.jpg" alt="1">
    <div id="light1" class="wcontent">
        <img id="addable">
    </div>
</div>

和CSS

#addable { 
    width: 600px;
    height: 600px; //even forcing doesn't help
}

一切正常。当我检查它时显示正确的src和sytle的宽度和高度，但它的大小为0x0，我无法改变它。它甚至告诉我它的自然尺寸。我给快照留下了问题。

这是检查员显示的内容：

这就是它的样子（我拿出一些unnessesay代码，只是为了让它更快阅读）;

Answer 1

您的图片使用您应用于#raam img的样式，将图片设置为visibility:hidden。当你display:block显示它时，它就在那里（我的意思是你可以访问它的属性，但它不可见）。要将其显示在屏幕上，您需要将其visibility设置为visible。

Answer 2

哇！ 您似乎已经安装了adblock plus，关闭它。 因为您的图片ID名称符合其排除规则＆＃34; ad ***，＆＃34;它认为这是一个广告，所以它可以保护你的形象。