选择时如何显示图像？

Question

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

时也会删除

例如： -

首先我点击第一张图片，使其显示在紫色点上。 然后 我点击第4张图片，使其显示为粉红点。

Answer 1

嗯，你必须使用javascript。 有两个显示隐藏的元素（紫色和粉红色点） 然后4个图像与所有相同的类。 在js文件中放置像这样的东西

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

和紫点

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