wordpress有什么插件可以实现鼠标放在图片上自动显示大图

wordpress有什么插件可以实现鼠标放在图片上自动显示大图,第1张

这个不需要插件。

使用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如何单独调用文章中的图片等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9686390.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存