1. 把附件中的highslide文件夹上传到服务器的根目录。附件在下面……
效果去这里查看：http://www.wwqk.net/website/highslide.html
2. 把以下代码加到主页的<head></head>之间。
<script type="text/javascript" src="highslide/highslide.packed.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
上边的highslide.packed.js是必须要加载的，highslide.config.js是中文设置文件，这个可以选择不加载，那样的话，在实现效果时会有highslide官方链接以及英文提示。上边的CSS样式是我精简之后的就几行而已，如果你选择加到博客模板的CSS样式中，一定记得修改CSS中背景图片的相对路径。
3. 在博客中添加图片时切到代码编辑模式，设置图片为以下样式……#号所在位置是你要根据实际情况修改。
<a href="#" class="highslide" onclick="return hs.expand(this)">
<img src="#" alt=""style="width: #px;height:#px" /></a>
这样发表文章之后图片就会带有highslide效果……
我已经把实现最基本的效果所需要的文件打包放在了附件里，可以下载查看。highslide可以实现图片的放大缩小，任意位置的移动及复原等等。不仅适用于sablog，其他博客也可以……更多效果可以去其官方网站进行订制……