使用z-index单击按钮时更改图片

Question

我正在尝试使用if else语句单击按钮时更改图片但是只有两种图片在点击时才会发生变化。

<script type="text/javascript">
    function restack() {

        var x=document.getElementById('blueberries');
        var z=x.style.zIndex
        if (z==10) z=20;
        else if z=10;
          x.style.zIndex=z;
        else 
          i = 30;
    }
</script>