Grow your CSS skills. Land your dream job.

Load Social Share Buttons on mouse-over – techcrunch

  • # September 26, 2011 at 3:52 pm

    I was just browsing around http://techcrunch.com/ and noticed that they social share buttons don’t load until the user mouses over them. How would someone implement that? It really saves on page load.

    # September 27, 2011 at 11:26 am

    You could have two divs on top of each other that, when you mouseover the initial one makes that one invisible and the one behind it appears. You would need to use Javascript as well to implement it. But, this method wouldn’t save you on the load time of the page because it will still load both the DIV in front and behind (since it’s still there, even though you can’t see it).

    That’s the easiest way I can think on how to do it.

    # February 17, 2012 at 4:54 pm

    If you have wordpress, you can use the Plugin WP-Social-Mouse-Over
    http://www.pluginbay.com/downloads/wp-social-mouse-over-plugin
    It provides some php shortcodes that you can implement in your theme.
    It automatically generates images that can be hovered and load the buttons after beeing hovered/mous-over

    # March 1, 2012 at 6:48 am

    Today I looked for a script like that. I found this, maybe this helps you: http://rpardz.com/blog/load-social-buttons-ajax-jquery/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".