这个是缩略图功能，如果你的系统支持的话，你在添加文章时可以上传缩略图，也可以自动取文章中第一张图片为缩略图，如果你的系统不支持缩略图，那就不好弄了。
创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的塔城网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
你可以搜索“缩略图”的实现。
1、首先下载Bcastr 幻灯片文件
2、在后台的插件管理就可以看到这个插件了，狼的旋律制作。可以在管理添加图片，如图片地址，说明下，图最好放在自已网站目录下，不要跨越太远。
3、调用代码
div class="function"
h3幻灯片/h3
ul
#CACHE_INCLUDE_BCASTR#
/div
放到我们的首页模板中。
4、关于修改Bcastr幻灯片大小以的问题
修 改Bcastr幻灯片大小，Bcastr幻灯片插件安装后生成这个文件/INCLUDE/bcastr.asp，也就是你调用在模板中需要用到的，在网站 根目录下，找到INCLUDE进入就可以看到了，这里可以修改宽和高width="200" height:"170"。
5、关于修改Bcastr幻灯片幻灯显示效果
找到源文件，这里是说明
config.isShowBtn
是否显示按钮，默认值”true”
config.isShowTitle
是否显示标题，默认值”true”
config.scaleMode
图片放缩模式: 默认值是”noBorder”
“showAll”: 可以看到全部图片,保持比例,可能上下或者左右
“exactFil”: 放缩图片到舞台的尺寸,可能比例失调
“noScale”: 图片的原始尺寸,无放缩
“noBorder”: 图片充满播放器,保持比例,可能会被裁剪
config.transform
图片放缩模式: 默认值是”alpha”
“alpha”: 透明度淡入淡出
“blur”: 模糊淡入淡出
“left”: 左方图片滚动
“right”: 右方图片滚动
“top”: 上方图片滚动
“bottom”: 下方图片滚动
“breathe”: 有一点点地放缩的淡入淡出
“breatheBlur”: 有一点点地放缩的模糊淡入淡出
在ZBlog中，默认情况下，头像上传大小限制为2MB，可以通过修改配置文件进行调整。
具体操作如下：
1. 登录ZBlog后台，点击左侧菜单栏的“设置”选项。
2. 在“基本设置”中找到“上传设置”，点击“修改设置”。
3. 在“上传设置”中找到“头像上传大小限制”，将其修改为你需要的大小。
4. 点击“保存设置”即可完成修改。
需要注意的是，如果你的ZBlog站点是托管在第三方平台上的，可能会存在上传大小限制，需要联系平台方进行解决。
html
div id="ccc"
img id="image1" src="******.jpg" /
/div
/html
//css代码
#ccc {
height:800px;
width:500px;
background-color:black
}
#image1 {
height:400px;
width:200px;
position:absolute;left:50px;top:50px;
}