分享美文苑自用的一段随机设置会员头像的代码,非常简单只需一步。
大致效果如图,也可以到本站会员中心体验。
代码如下
把以上代码复制帐帖到会员字段的头像字段内就可以了。
- <img src='<?=$ecmsfirstpost==1?"/e/template/Style/img/1.jpg":ehtmlspecialchars(stripSlashes($addr[userpic]))?>' id='img' width="180" height="180" />
- <a href="javascript:void(0)" onclick="ChangeFace()">换一张</a>
- <input name="userpic" type="text" id="userpic" value="<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[userpic]))?>" size="" style="display:none">
- <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
- <script type="text/javascript">
- function ChangeFace() {
- //x上限,y下限
- var x = 10;
- var y = 1;
- var rand = parseInt(Math.random() * (x - y + 1) + y);
- var face = '/e/template/Style/img/' + rand + '.jpg';
- $("#img").attr('src', face);
- $("input[name='userpic']").attr('value', face);
- }
- </script>
这里是默认准备的头像图片路径,需要自行准备几张头像图片,这里默认的是随机10张。
- /e/template/Style/img/1.jpg