选择时如何显示图像？答案

【问题标题】：How to display image when it select?选择时如何显示图像？
【发布时间】：2015-10-05 23:42:24
【问题描述】：

如下图所示。我有 4 张图片。当用户单击图像以紫点显示的任何图像时。当第二次点击它显示在粉红色的点。当我点击它时也会删除

例如：-

首先我点击第一张图片，使其显示在紫点处。然后我点击了第四张图片，所以它显示在粉红点处。

【问题讨论】：

发布你的代码，展示你的努力。
首先，需要知道这些图像是否只是带有数字的纯背景。如果是这样，那么为什么要使用图像，为什么不能使用带有背景颜色的 div。请澄清这些图像是否是真实图像
@arunbahal 这张图片我仅作为示例图片。 atuly 我建立了在线订购网站。所以当用户选择“subji”时，特定的“subji”会显示在这里。
好吧，对于每个图像，你应该有缩略图，一旦你点击任何图像，你可以添加类“活动”并将相应的缩略图放在托盘图像的顶部，一旦你再次点击你需要检查该图像是否具有“活动”类，如果是，则删除该类并删除缩略图。

【解决方案1】：

hmmm，您必须为此使用 javascript。有 2 个显示隐藏的元素（紫色和粉色圆点）然后是具有相同类别的 4 张图像。在 js 文件中放一些这样的东西

$( ".image" ).click(function() {
  $( "#purpledot" ).css({
    display: 'block'
  });
});

对于紫点

$( ".dotclass" ).click(function() {
  $( this ).css({
        display: 'none'
  });
});

【讨论】：