hover picture highlights sidebar menu

  • sipeki

    (@sipeki)


    9 years, 4 months ago

    Hi,

    When the cursor hovers over a picture of a staff member the side bar menu listing staff names is highlighted for that staff member. How do to do this in WordPress?

    The pictures are displayed in a gallery grid. Using the plugin Visual Composer to create the grid. Side menu created by wordpress menu manager.

    http://block9architects.com/about-us/

    Please help.

    Regards,

    Simon

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    9 years, 4 months ago

    The best hover effects are achieved with the :hover CSS pseudo class. For this technique to work, the target element needs to be subordinate to the hover element.

    When the target is not subordinate, we can use javascript and the onmouseover attribute. Add the attribute to each img tag and specify a javascript function to execute. The function would set whatever .style properties are needed to achieve a highlight effect, such as changing the element’s background color.

    You’ll also want to add an onmouseout attribute to restore the default state. It’ll take a little planning so a single function will work for all images. In some cases using jQuery can simplify the process.

    Thread Starter sipeki

    (@sipeki)

    9 years, 4 months ago

    Bcworkz,

    Thank you for your reply. Will try and implement your helpful guidance.

    Regards,

    Simon

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘hover picture highlights sidebar menu’ is closed to new replies.