拖动的元素更改图像

Question

我有以下图片，请参见附件。

用户从侧边栏拖动图像并获得图像＃2。

请参见下面的图片2：

我希望当用户开始拖动图像时，被拖动的图像变为另一幅图像。

如何使用javascript做到这一点？

这是我尝试过的：

this.btnSectionPicker$.on('dragstart', function(event) {
  dragged = event.currentTarget;
  this.dropTarget$ = null;
  this.sectionSelected = dragged.id;
  // make it half transparent

  var crt = this.cloneNode(true);
  crt.style.backgroundColor = "#F2F4F5";
  crt.style.position = "absolute";
  crt.style.boxShadow = "3px 6px #000";
  crt.style.top = "0px";
  crt.style.left = "-900px";
  document.body.appendChild(crt);
  event.dataTransfer.setDragImage(crt, 0, 0);

}.bind(this));