WordPress.org

Ready to get started?Download WordPress

Forums

Image popup on mouseover (6 posts)

  1. gutte
    Member
    Posted 2 years ago #

    Hi there!
    I have searched for a long time - but haven't got a slution yet.
    I need a image to pupup when the mouse rolls over a hyperlink - like on this site.
    Guess it can be made with CSS...The table I use is WP-Table Reloaded.

    I would be most thankful for any advice - I am not a coder:)

  2. TobiasBg
    Member
    Posted 2 years ago #

    Hi,

    yes, on that page they really only just use some CSS code, as I just found out.
    To replicate this on your site, please try this:
    The HTML in the cells needs to be like this:

    <a href="http://example.com/"><img src="/path/to/your/image.jpg" />a/>

    Then try adding this to your "Custom CSS" (don't forget to change the table ID):

    .wp-table-reloaded-id-123 td a img{
    	border-width: 0;
    	height: 0;
    	width: 0;
    }
    .wp-table-reloaded-id-123 td a:hover img{
      position: fixed;
      top: 80px;
      left: 440px;
      width: 500px;
      height: 375px;
      z-index: 10;
    }

    Regards,
    Tobias

  3. gutte
    Member
    Posted 2 years ago #

    Thanks Tobias.

    I tried implementing the code on my site, but it didn't work. Are you doing paid support also? I would be interested getting help implementing this 'hover' on my site...

    Regards Gutte

  4. TobiasBg
    Member
    Posted 2 years ago #

    Hi,

    well, I'm not really offering paid support, but I'm always happy about donations :-)

    Now, this probably is just a minor issue in your table. Can you maybe post the URL to the page with your table so that I can take a direkt look at it?

    Regards,
    Tobias

  5. gutte
    Member
    Posted 2 years ago #

    Ok I see. And yes that would be fantastic. Yes, I can give a donation instead.

    I could give you the login to my site to an email of yours - it is kind of closed for visitors as it is in the making...but I could open it if you rather want that...

    Regards Janus

  6. TobiasBg
    Member
    Posted 2 years ago #

    Hi,

    if you would rather keep it private, just send me a login via email. My address is in the main plugin file "wp-table-reloaded.php". But opening it would also be possible of course.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Topic