使用Javascript在div中添加图像

Question

我正在制作一个互动网站，其中将显示一个厨房。厨房的橱柜需要互动（打开橱柜并关闭它）。

我已经可以打开所有的橱柜，所以不是问题所在。 这里出现真正的问题：

当那些橱柜打开时，每个橱柜需要出现2/3个产品。 问题是，我不知道如何通过JavaScript插入这些图像。我希望他们只在柜子打开时才出现。

这里是我的橱柜1 javascript代码：

function pictureChange1() { 
     document.getElementById('noob').src="kastjeopen1boven.jpg"; 

    } 

它的小，但它的工作原理。

Answer 1

您可以在Jquery中使用.css（）选项来在橱柜打开时隐藏/显示部分图像。它可以这样做：

• 当内阁打开时，通过使用.css（'padding'，'x'）只显示图像的2/3;
• 此外当机柜关闭隐藏图像。