在帖子标题悬停时获取特色图片

时间:2015-02-24 作者:dh47

我需要分别featured image 在…上hovering 属于post title 是否有任何插件可以实现这一点,我尝试使用Js和CSS来实现,但未能实现。也搜索了谷歌和WSE,但没有成功。

提前感谢

1 个回复
SO网友:Kobus Beets

可以使用图元上的属性。看看下面的概念,看看您是否可以使用它。

基本上,您可以隐藏所有“特色”图像生成的标记:

<img src="http://location/to/image.png" id="attachement-id-1" class="hide-it">
<a href="http://path/to/post">
    <h3 class="hover-show-attachment" hover-data="attachement-id-1">The Post Title 1</h3>
</a>
<img src="http://location/to/image.png" id="attachement-id-2" class="hide-it">
<a href="http://path/to/post">
    <h3 class="hover-show-attachment" hover-data="attachement-id-2">The Post Title 2</h3>
</a>

<script type="text/javascript">
    ( function( $ ) {
        $( \'.hover-show-attachment\' ).on( {
            mouseenter : function(){
                var attachment = $( this ).attr( \'hover-data\' );
                $( \'#\' + attachment ).show();
            },
            mouseleave : function() {
                var attachment = $( this ).attr( \'hover-data\' );
                $( \'#\' + attachment ).hide();
            }
        } );
    } )( jQuery || {} );
</script>
或者,您可以使用hover-data 属性保留图像的路径/url,悬停时创建并显示新的图像元素,退出时将隐藏/删除图像。

结束

相关推荐

禁用帖子,仅允许编辑现有页面,不允许创建新页面(CREATE_POSTS)

我试图将用户角色限制为只能编辑现有页面,但不能创建新页面或对帖子执行任何其他操作。我读过:Is there an existing capability to allow editing of only pre-existing pages? If not, a good way to implement this?还有上面提到的票:https://core.trac.wordpress.org/ticket/16714因此,我创建了一个具有以下权限的新用户角色:edit_pagesedit_others