WordPress.org

Ready to get started?Download WordPress

Forums

Display link image on mouseover? (16 posts)

  1. libtek
    Member
    Posted 8 years ago #

    Does anyone know of a plugin or a way to have the image that was entered when creating a link, to be displayed only when you mouseover that link?

    I know of mouseover code, but I want to pull the image url from the WP database and just display a pic next to the mouse cursor.

    Thanks!

  2. jwurster
    Member
    Posted 8 years ago #

    I checked the plugin db and found http://roel.meurders.nl/wordpress-plugins/wp-popin-dynamic-popin-images/.

    You might also want to try http://www.zappelfillip.de/index.php/2005-10-25/zap_imgpop/ if you want a popup. I use this.

  3. snowangel
    Member
    Posted 8 years ago #

    These are very good... in fact, I'm looking for something related!
    How can I get an image to appear when the mouse moves over a link? You just move the mouse over it and the image appears next to the mouse, or anywhere else on the page.
    Ideas, anyone? Would be glad :)
    Greets, snowangel.

  4. Direkt
    Member
    Posted 8 years ago #

    Well, it can be accomplished with JavaScript, I made one that emulates a ToolTip that you can put images in, if you're interested.

  5. CalEvans
    Member
    Posted 8 years ago #

    Snowangel,

    Grab a copy of my alexify plugin and look at the JavaScript. No need to install it, just untar it somewhere and open the file. It should be exactly what you are looking for. A couple of mods to make it do what you want and you are done.

    If you don't want to download it just go to my blog and view source. Look for "function showAlexaPopup". That's the code you want.

    [signature moderated - moshu]

  6. snowangel
    Member
    Posted 8 years ago #

    Wow thanks, that alexa popup script is really what I needed! However, I have to apologize... I'm a real beginner of PHP, and I know functions and everything, and I figure I can write the function showAlexaPopup to fit my site, but I don't have a clue how to combine it with my links... where to put the function tag so that the picture actually displays on mouseover? I would like to have several links all over the site where I can separately (maybe with an argument?) edit which picture is shown.
    Or is there maybe a way to let the script search for a certain Name (for example "Bill Clinton") all over the site and then insert the mouseover popup with the person's picture?
    I'm very sorry if this is difficult to understand, I'm not very good at explaining stuff :( Anyway, if it takes too long for you to solve my problem, just tell me and I'll get along somehow, really!
    Thanks!!

  7. RyeBrye
    Member
    Posted 8 years ago #

    One problem with that AlexaPopup I just noticed when checking out your blog, Cal - is that the links don't actually work in Safari. The images appear, but I can click on any of the links until I turn blue - they don't go anywhere :/

  8. CalEvans
    Member
    Posted 8 years ago #

    Rye,

    Yea I found that out after I released. I'm looking into a cross-platform solution. As soon as I find one I like I'll release an update.

    Snowangel,
    That's an interesting but highly specific plugin. I'm not sure it has much in the way of broad appeal. However, since it's closely related to alexify, I'll add it to my development list and if I can get to it, I'll post a release notice here.

    Sorry, given my current time constraints, thats the best I can do at the moment.

    [signature moderated - moshu]

  9. snowangel
    Member
    Posted 8 years ago #

    Okay, thanks very much, I understand that you have better things to do than help me :D Okay, I'm very curious to see your other scripts, I'm gonna go check them out right now. Thanks!

  10. CalEvans
    Member
    Posted 8 years ago #

    Snowangel,

    I wouldn't say better. :) It's an interesting challeng and I'd rather be working on it. But I'm stuk in 'gotta pay the bills' mode.

  11. CalEvans
    Member
    Posted 8 years ago #

    moshu,

    Can you please contact me by email? cal@calevans.com

    Thanks

  12. Marc
    Member
    Posted 8 years ago #

    These are very good... in fact, I'm looking for something related!
    How can I get an image to appear when the mouse moves over a link? You just move the mouse over it and the image appears next to the mouse.

    Try the Avatar Popup plugin.

    It will popup an image on hover over text and "Mailto" links. I bet with a slight bit of tweaking it can be made to popup any image for a nomal link.

    The "Popups are 100% CSS based, there is no javascript involved", accordng to the developer.

  13. snowangel
    Member
    Posted 8 years ago #

    @CalEvans: Really no problem, I know situations like that... it'll get better, it always does :D

    @Marc: So now we've reached the point where I have what I wanted. But my heart aches when I see that it doesn't work in IE... I don't use IE, but most of the people visiting my site do :(( However, I'll look at the code and see what I can do with it, maybe it gives me an idea. Thank you very much!

  14. CalEvans
    Member
    Posted 8 years ago #

    @snowangel,

    If you check out my site you'll see the development version of alexify in operation. It's been rebuilt on wz_tooltip.js library. Once I get the bugs worked out I'll try and make a version that does what you want. In the mean time, you may want to look at that library. It could be that you could make it work without a plugin.

    HTH,
    =C=

  15. snowangel
    Member
    Posted 8 years ago #

    Hi!
    I tried the wz_tooltip, and it works perfectly! If I have some time, I will modify it to work without plugin, but in the meantime this is just very nice for me. Thank you so much!

  16. CalEvans
    Member
    Posted 8 years ago #

    @snowangel,

    Yes, it's a cool library. I forgot to credit the author:
    http://www.walterzorn.com/tooltip/tooltip_e.htm

    I've just rewritten my Alexify plugin (http://www.calevans.com/view.php/page/alexify) to use it and it's ever so much better.

    Glad it's working for you.

    =C=

Topic Closed

This topic has been closed to new replies.

About this Topic