在Javascript中的div中添加图像

Question

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

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

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

这是我的1个机柜的javascript代码：

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

    }

虽小但却有效。

Answer 1

您可以在Jquery中使用.css（）选项在打开音箱时隐藏/显示图像的一部分。可以这样做：

• 打开Cabinet时，使用.css（'padding'，'x'）显示图像的2/3;
• 当机柜关闭时，请隐藏图像。