Question

JS点击图片后显示验证码 如何实现？

JS点击图片后显示验证码 如何实现，如何更加简单的实现呢。图1是一张图片图2是点击后出现的验证码图3是自己鼓捣的代码这图1根图2是单独截图的，我想用js实现，但是不知道怎么搞~请求大神帮助帮忙添加个js，谢谢啦！
<input class="input-control" id="verify2" type="text" placeholder="验证码" name="verify" required="" aria-required="true"> <img src="{$maccms.path_tpl}picture/captcha.png" onclick="this.src = this.src+'?'" class="captcha-clk2" style="position: absolute;right: 2px;top: 1px;height: 41px;width: 100px;" />

补充
{:url('verify/index')}是我所用网站程序的验证码标签，

图4是添加了{:url('verify/index')}的效果

图5是想设置的点击的图片，效果图5-图6展示效果





Answer 1

最简单的方法你把图一的显示验证码也弄成一个图片，比如叫code.png，上面你的代码就能换成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"

追问

您好 问题我补充了一下

追答

没区别，把onclick中的src后面换成你实际的验证码地址就行了

追问

点击没反应