加入收藏 | 设为首页 | 会员中心 | RSS
您当前的位置:首页 > 在线教程 > 网络编程

论坛选择头像的简易做法

时间:2008-07-01 21:40:20  来源:飞天影像  作者:admin

:Ljd飞天影像[巴中]
Ljd飞天影像[巴中]
上面这个功能就是当点击论坛提供头像旁边的选择下拉框时,就可在旁边预览该头像,这个功能如何实现呢?请看: Ljd飞天影像[巴中]
一、在数据库中建一个表, Ljd飞天影像[巴中]
ID Ljd飞天影像[巴中]
图片名称 tp_name Ljd飞天影像[巴中]
图片地址 tp_dz Ljd飞天影像[巴中]
二、在DW中新建一个记录集,不做任何筛选 Ljd飞天影像[巴中]
三、复制下段代码到需要的位置 Ljd飞天影像[巴中]
<select   name=myface      Ljd飞天影像[巴中]
                          onChange="document.images['idface'].src=options[selectedIndex].value;"      Ljd飞天影像[巴中]
                          size=1> Ljd飞天影像[巴中]
                    <option>不选择</option> Ljd飞天影像[巴中]
                    <option value="../photo/ltpic/1.gif">头像2</option> Ljd飞天影像[巴中]
                      Ljd飞天影像[巴中]
     Ljd飞天影像[巴中]
                  </select>    Ljd飞天影像[巴中]
                       <img   src="face/1.gif"   id=idface>   Ljd飞天影像[巴中]
Ljd飞天影像[巴中]
四、绑定数据 说明(如果不绑定数据可以复制Ljd飞天影像[巴中]

<option value="../photo/ltpic/1.gif">头像2</option>进行更多的图片指定,当然,绑定数据库可以上传自己的图像)Ljd飞天影像[巴中]

Ljd飞天影像[巴中]
1、绑定图片地址:在这句做绑定<option value="../photo/ltpic/1.gif">头像2</option> Ljd飞天影像[巴中]
../photo/ltpic/1.gif这句把记录集的图片地址绑定到这里 Ljd飞天影像[巴中]

Ljd飞天影像[巴中]
2、绑定图像名称:头像2把记录集的图片名称放到这里 Ljd飞天影像[巴中]

Ljd飞天影像[巴中]
五、做预览的绑定 Ljd飞天影像[巴中]
在face/1.gif这里把记录集里的图片地址绑到这里就OK了 Ljd飞天影像[巴中]
预览一下,不明白的就在此留言 Ljd飞天影像[巴中]

来顶一下
近回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表