WordPress.org

Ready to get started?Download WordPress

Forums

RPS Image Gallery
[resolved] How to disable image tooptips/image popups... (4 posts)

  1. crzyhrse
    Member
    Posted 4 months ago #

    I've searched for hours, tried various functions.php filter suggestions in mostly old posts, but nothing has worked so far, and because I'm using RPS Image Gallery in conjunction with the WP gallery I'm hoping fingers crossed maybe someone here will know...?

    How can I stop the little tooltip title etc popups that occur when one hovers over any of the thumbnails in the image gallery... A simple thing, but the popups are distracting from the images...

    I want to leave the title etc to show in the lightbox/slider that comes up when clicking on an image, where it is useful rather than distracting...

    https://wordpress.org/plugins/rps-image-gallery/

  2. redpixelstudios
    Member
    Plugin Author

    Posted 4 months ago #

    You have a valid point. Fancybox, included with RPS Image Gallery, uses the title attribute to populate the title in the slideshow so we can't get rid of it. There are jQuery solutions that move the attribute value and store it for use later, though the approach seems to be a bit more complicated than it need be.

    We propose using the CSS attribute pointer-events combined with the pseudo class :hover to address the issue. Simply add the following CSS to your theme:

    .rps-image-gallery img:hover { pointer-events: none; }

    This will disable the pointer events for hover only, preventing the tooltip title value from being displayed. When a user clicks the image, the title value can be read by Fancybox to be displayed in the slideshow view.

    Though the pointer-events attribute is supported in nearly all recent browser versions, there are some including < IE11, IE Mobile and Opera Mini which do not. However, given the simplicity of this approach we feel it is the best solution and would be something you could implement immediately with very little effort.

    We will add this feature request to the development list as well.

  3. crzyhrse
    Member
    Posted 4 months ago #

    Thank you for this, it is a simple elegant, solution and much appreciated...

    :-)

  4. redpixelstudios
    Member
    Plugin Author

    Posted 4 months ago #

    Sure thing. Glad to help. Thanks for using RPS Image Gallery. Let us know if you need anything else.

Reply

You must log in to post.

About this Plugin

About this Topic