WordPress.org

1. geckogirl
   Member
   Posted 12 months ago #

   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 (http://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.

2. kmessinger
   Member
   Posted 12 months ago #

   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.

3. geckogirl
   Member
   Posted 12 months ago #

   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 200x95. Plus my CSS knowledge is not huge so I am working in the dark somewhat.

Reply

You must log in to post.