Link to jpg as hover or popup

  • I’m not sure if I need a plugin for what I am trying to do, or just a piece of code! On my website (https://hotguidebelize.com/category/ambergris-caye/bars-clubs/) I have a button on each post that shows potential savings for the different businesses that are listed. At the moment I just use the title option to show what discount is available when someone puts their mouse over the button, but this is not very “obvious”.

    What I would like is that when someone hovers over the button it displays a small jpg (200x95pixels) which is the actual discount coupon.

    Or if it is not possible to do as a hover, then they could click on the button but I only want the jpg to display as a small window that is on top of the main page/post and not take over the whole page, or open in a new window/tab.

    And as the coupon is different for each post it cannot be something generic for the site, I have to be able to customise it in each post.

    Does anyone know if either of these are possible and how to do it? Many thanks.

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

  • I think what you need is a roll over for which a lot of sites use a javascript. You can also do it with css which might be better. I haven’t done one with css but a web search brought up a lot of tutorials that might help.

    Thread Starter geckogirl

    (@geckogirl)

    I guess it could be a rollover but all the tutorials I can see are for rollover buttons where both images are the same size. I want the rollover between a button that is 76x32px and a jpg that is 200×95. Plus my CSS knowledge is not huge so I am working in the dark somewhat.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link to jpg as hover or popup’ is closed to new replies.