Question

wordpress怎样做到指向图片时出现文字？

上图是没有指向时的图片，当鼠标指向时变成下图。图片变成底层，wordpress怎样能做到这种效果？是用了什么插件还是加代码？

WOR





Answer 1

这个不需要插件的，wordpress主题文件代码就可以实现，只需要添加图片标题 title 属性就可以了，如下：
<img src="/wp-content/themes/imges/121.jpg" alt="" title="鼠标移上就显示标题" width="150" height="150" />
如果是文章中的图片，可以在functions.php文件中添加 高时银博客 使用的代码，如下：
//图片alt——给文章图片自动添加alt和title信息
add_filter('the_content', 'img_info');
function img_info ($img_info){
$pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<img$1src=$2$3.$4$5 alt="'.get_the_title().'" title="'.get_the_title().'"$6>';
$img_info = preg_replace($pattern, $replacement, $img_info);
return $img_info;
}
这段代码会自动调用文章标题作为图片的alt和tltle属性。
呵呵，希望帮到你了。

追问

不是这个吧。。。。我说的是两张图片的右边，鼠标指向时，图片加了个蓝色蒙版，还有文字出现。不是title属性

追答

这个是CSS就可以实现，现在的CSS3就有这个功能，要你的网页是HMTL5
html4也能实现 ，要麻烦一点。都是通过CSS的。