9 posts
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in United Kingdom
AtlanticAvo says

Hi, i’ve been searching for this feature for a very long time. Can anyone help me with it? Here’s a link to show it in use.

Hovering over each photo bring up a like button on the top left of each image.

http://acidcow.com/famous/40033-celebrity-evolution-11-pics.html
214 posts
  • Made it to the Authors' Hall of Fame
  • Member of the Envato Team
  • Had an item featured on Envato Market
  • Contributed a free file of the month
+13 more
Crusader12 Envato team says

If you can handle a little JS it’s pretty simple and you don’t really need a plugin.

Just setup a like button for each one, wrap it in a DIV – set the DIV to display:none; Use some JS to trigger showing the box on hover, and hiding it on exit.

Check out HoverAlls, (shameless plug) All you would need to do is setup your Like Buttons - Call HoverAlls on your images - Set the HoverAlls settings to be Tooltip - Use the html_mode to move the Like Button into the Tooltip

http://codecanyon.net/item/hoveralls-v13/1367456?WT.ac=portfolio&WT.seg_1=portfolio&WT.z_author=Crusader12

Basically, it would be the Tooltip demo all the way at the bottom right (with the map). You can style however you like :)

9 posts
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in United Kingdom
AtlanticAvo says

This would be aces, but i really don’t know my way around JS. I have been linked to this.. http://tyler.tc/facebook-auto-like-for-wordpress/

Which seems to do the job! Not exactly what i want, but with no coding needed i think it’s a winner.

Thanks for your reply and what seems like a great solution!

Richard.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by