使用jquery / javascript翻转div（前/后）

Question

我搜索过类似的问题但没有提出任何问题。

我正在尝试按下按钮，从front.png到back.png翻转图像。我还想通过javascript动态地将back.png更改为另一个图像。因此，当它被扯掉时，它并不总是相同的图像。

我尝试使用https://nnattawat.github.io/flip/上找到的插件，但无法更改back.png

这就是我所做的不起作用...... front.png显示up和back.png什么都不做。提前谢谢。

＆＃13;

＆＃13;

<div class="left_circle">
  <div class="image-mask">
    <div class="image-container">
      <div class="image"></div>
    </div>
  </div>
</div>

＆＃13;

$("#hiddencard").flip({
      axis: 'y',
  trigger: 'click'
});

x = document.getElementsByClassName("back"); 
x.src = "different.png"; 

＆＃13;

.front {
    position: absolute;
    left:10px;
    bottom:433px;
}​

.back {
 position: absolute;
    left:10px;
    bottom:433px;
}​

＆＃13;

＆＃13;

＆＃13;