饭后无所事事, 于是打开Blog看看, 准备写点什么. 看到了Random Image这个Widget, 感觉似乎离自己的要求还差一点点. 打开代码看看, 于是有了现在的效果.

如果你对这个效果感兴趣, 可以联系我索取打包的修改文件. 如果你有一些网页编写知识, 喜欢自己动手, 那么就看看下面的步骤:

1. 备份 wp-content/plugins/random-image-widget/random_image.php

2. 修改 random_image.php,
修改第91行 echo ‘<a href=”‘;, 新的代码为: echo ‘<a class=”p1″ href=”‘;
在第94行插入以下代码:
echo $img_scale;
echo ‘ alt=”‘ . $caption . ‘”‘;
echo ‘ />’;
echo ‘”

3. 备份 wp-content/themes/[你的主题]/style.css

4. 修改 wp-content/themes/[你的主题]/style.css, 添加下面的样式:
/* Begin Random Image */
#random_image_wrapper {
position: relative;
}

#random_image_wrapper a .large {
border: 0px;
display: block;
height: 1px;
position: absolute;
width: 1px;
}

#random_image_wrapper a img {
border: 0;
}

#random_image_wrapper a.p1, #random_image_wrapper a.p1:visited {
border: 0px solid #000000;
display: block;
text-decoration: none;
}

#random_image_wrapper a.p1:hover {
text-decoration: none;
}

#random_image_wrapper a.p1:hover .large {
border: 1px solid #000000;
display: block;
position: absolute;
width: 320px;
height: 240px;
}
/* End Random Image */