如何在DW插入一张GIF图，并添加播放按钮

Question

如何在DW插入一张GIF图，并添加播放按钮，点击按钮，图片播放

Answer 1

插入一张静态的，用js点击按钮设置为动态的就行了

<style>
    div.img{display:inline-block;position:relative}
    div.img div{text-align:center;line-height:50px;border-radius:50%;width:50px;height:50px;background-color:rgba(0,0,0,0.7);color:#fff;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;}
</style>
<script>
    function play(el) {
        var img = el.parentNode.getElementsByTagName('img')[0];
        img.src = img.getAttribute('gif');
        el.parentNode.removeChild(el)
    }
</script>
<div class="img">
    <div onclick="play(this)">播放</div>
    <img src="http://www.w3dev.cn/11.png" gif="http://www.w3dev.cn/11.gif" />
</div>