Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Imagehover Addon without link?

Imagehover Addon without link?

Scheduled Pinned Locked Moved Addons
4 Posts 2 Posters 684 Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P
    P
    patricia
    wrote on last edited by
    #1

    Hi there,

    I have a question somehow related to the Imagehover Addon, which I really love!

    I want to use the same functionality on a background image, so that another image follows the x/y mouse movements (centered horizontal & vertical image position) like the Imagehover Addon does.

    It works exactly like I imagine it if I just link the row background, but unfortunately I just don’t need the link.

    I wonder if there’s an easy way to use the addon but somehow "deactivate" the link?

    (I googled and tried a few examples for custom mouse cursors, but I don’t want to replace the cursor and I don’t even need fancy things like delayed movements or anything.)

    Many thanks in advance!

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @patricia

      A common way to disable links is pointer-events: none; But i hope that this wont affect the cursor functionality on top.

      https://www.w3schools.com/cssref/css3_pr_pointer-events.asp

      If you link to the page & row where you wish to de-activate the link i could make sure 🌝


      Best wishes
      Richard
      1 Reply Last reply
      0
      • P
        P
        patricia
        wrote on last edited by patricia
        #3

        Thanks for your reply!

        I tried to adress it with .row-bg-link or .background-image like this:

        .slug-loremipsum .row-bg-link {
        pointer-events: none;
        }

        It works, it's not clickable anymore but then the hover image isn’t visible anymore either.

        I’ll send you the link to the specific page via Chat, hope that’s ok.
        Thanks again, Richard!

        1 Reply Last reply
        0
        • RichardR
          RichardR
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @patricia , have replied via 'Chats' ✨

          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Online Users
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search