
这个不需要插件。
使用css就能实现。
将你要显示的文字使用一个div放进去
把这个div的显示(visible)属性默认为隐藏(hidden)
利用css的hover属性
当鼠标移动到上时
把之前被隐藏的div显示出来就行了
具体的div的位置,背景颜色,字体什么的,都可以通过css来控制。
查看主题目录下的functionsphp文件,把类似add_image_size( '你定义的文件名', 120, 120, true );只保留你想要的尺寸,注:再次上传时,就不会生成了。
1-1、在主题文件夹中建thumbnailphp文件,添加如下代码:
<php if ( get_post_meta($post->ID, 'thumbnail', true) ) : >
<php $image = get_post_meta($post->ID, 'thumbnail', true); >
<a href="<php the_permalink() >" rel="bookmark" title="<php the_title(); >"><img src="<php echo $image; >" alt="<php the_title(); >"/></a>
<php else: >
<!-- 截图 -->
<a href="<php the_permalink() >" rel="bookmark" title="<php the_title(); >">
<php if (has_post_thumbnail()) { the_post_thumbnail('thumbnail'); }
else { >
<img class="home-thumb" src="<php echo catch_first_image() >" width="140px" height="100px" alt="<php the_title(); >"/>
<php } >
</a>
<php endif; >
在主题文件夹里面的functionsphp文件中添加下面代码:
<php
//支持外链缩略图
if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');
function catch_first_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img+src=[\'"]([^\'"]+)[\'"]>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$random = mt_rand(1, 2);
echo get_bloginfo ( 'stylesheet_directory' );
echo '/images/random/'$random'jpg';
}
return $first_img;
}
>
1-3、在images文件夹下建立random文件夹,放入,必须已1jgp,2jpg这种格式。以数字1~10作为名字。
1-4、 通过下面代码调用。
<php include( TEMPLATEPATH '/thumbnailphp' ); >
调用分类文章的时候要有循环的标签,你在你要显示的区域就不要加循环标签了,可以直接调用。
希望能帮到你!
有不懂可以百度联系,我会抽时间回答。
以上就是关于wordpress有什么插件可以实现鼠标放在图片上自动显示大图全部的内容,包括:wordpress有什么插件可以实现鼠标放在图片上自动显示大图、Wordpress上传图片时自动生成多个图片怎么解决、wordpress如何单独调用文章中的图片等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)