Text When Hover over Avatar

  • Josh

    (@brucemarchiano)


    10 years, 7 months ago

    I am wondering if it’s possible to make it so that when the mouse HOVERS OVER THE AVATAR, the NAME of the author shows up. Like an alt tag or something.

    Here’s the website: http://www.jwar.org
    The “Contributors” in the right sidebar.

    I would love it if the user could hover over and know their name without having to click to find out.

    Thanks!
    josh

    http://wordpress.org/plugins/author-avatars/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Paul Bearne

    (@pbearne)

    10 years, 7 months ago

    Are you up for some jQuery code?

    The way I would do this is to show the name via the widget and hide it in CSS and then show it with a hover on the href.

    You can style it and get it to track the mouse or just hover over with a transparent background

    Here some code to get yoiu started
    I haven’t tested this

    css

    .author-list .user{position: relative;} // might need this
.author-list .name{position: absolute;
width: 100%;
text-align: center;}

    JS code

    $('.author-list a').hover(function(){
$('.name',this).show();
},
function(){
$('.name',this).hide();
})

    ;

    Will this work for you?

    Paul

    marcelotulio

    (@marcelotulio)

    10 years, 7 months ago

    Great, Paul! Tnanks for the tip.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Text When Hover over Avatar’ is closed to new replies.