我以前一直在用BO-BLOG，这几天刚转到TYPECHO，测试功能时发现文章内图片以这样（/attachment/xxxx/）链接形式呈现，
很不习惯，小图片还没什么问题，要是上传个数码照片呢？别人不会只看你的缩略图吧？自然而然的就会点击链接查看原始图片。
那如果你上次的照片是1024x1024的呢？那他点进链接看到的是1024x1024照片原图不假，但它已经破坏掉了版面的布局，观之不雅吧？
我到现在没搞明白，这个问题不是现在才有的吧？为什么要这样写？？？
继续牢骚，
大家觉得用G图片（用户头像）很爽么？国内的网速可是快慢有别啊，网速慢了，
浏览器状态栏一直显示下载图片，搞不好还弄出几个红XX。不过倒是蛮提神的。
再有，大家可以看看www.gravatar.com他的PR值及排名。都是G图片用户的功劳啊。
进入正题
一个很好的图片浏览特效，与lightbox特效相比，最大的优势在于它不需要将网页加载完就能加载特效了。
演示效果：http://www.fbi.org.cn/blog/（请点击图片并可拖动）（怕有马有驴的关掉浏览器！）
修改前先备份！
------------------------------------------
1 图片特效文件存放路径 （模板目录根据自己情况更改）
usr hemesdefaulthighslide
------------------------------------------
2 修改模板 header.php
加入如下代码
代码： 全选
<script type="text/javascript" src="<?php $this->options->themeUrl('highslide/highslide.js"'); ?>></script>
<script type="text/javascript">
hs.graphicsDir = '<?php $this->options->themeUrl('highslide/graphics/'); ?>';
hs.outlineType = 'rounded-white';
</script>
-------------------------------------------
3 修改模板样式表 usr hemesdefaultstyle.css
如果你的模版CSS文件定义了如下的图片边框样式：
例：
代码： 全选
.insertimage {
border: 1px solid #E7F1D4;
padding: 3px;
background-color: #FFFFFF;
}
请注释或删除！！！！
增加以下代码
代码： 全选
/* -----------------
* highslide
*--------------- */
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 1px solid #666666;
padding: 3px;
background-color: #292929;
}
.highslide:hover img {
border: 1px solid #666666;
padding: 3px;
background-color: #FFFFFF;
}
.highslide-image {
border: 1px solid white;
padding: 3px;
background-color: #FFFFFF;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 1px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 12pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 12px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
-------------------------------------------
4 修改编辑器插件文件 usrpluginsTinyMCEPlugin.php
找到
代码： 全选
<a href="' + link+ '" title="' + title + '"><img src="' + url + '" alt="' + title + '" /></a>修改如下
代码： 全选
<a href="' + url + '" title="' + title + '" class="highslide" onclick="return hs.expand(this)"><img src="' + url + '" title="点击图片放大" border="0" /></a>--------------------------------------------
5 收工。
谁有BO-BLOG转TYPECHO的插件？
