173 posts
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
+2 more
MsTrends says

Hi, Hope u people will fine, i’m creating a theme as i mentioned earlier in another thread. Its almost 80% done. But now i want apply same jquery hover and preloading image effect on my portfolio images which you can see in infocus and many other themes, like in this page.

http://themes.mysitemyway.com/infocus/gallery/portfolio/

I try to find this effect in google but i did not find. I shall be thankfull to you if u tell me how to apply this effect to images, thanks and waiting for your replies.

2588 posts Put a Donk On It
  • Elite Author: Sold more than $75,000 on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
  • Has sold $250,000+ on Envato Market
+10 more
ThemeProvince says
$(" #hover_div ").css({visibility: "none"});
$(" #hover_div ").animate({opacity: 0});
This hides the div tag over the image. Jquery has a built in function: hover.
$(" #hover_div ").hover( 

function () {

$(this).animate({opacity: 1}, 300);

},

function () {

$(this).animate({opacity: 0}, 300);

});
I know there are probably some syntax errors but thats the basic code as I have only been working with jquery about 4 months.
2588 posts Put a Donk On It
  • Elite Author: Sold more than $75,000 on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
  • Has sold $250,000+ on Envato Market
+10 more
ThemeProvince says

By the way don’t copy source code or an idea from another theme.

173 posts
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
+2 more
MsTrends says

Thanks Phoenix for reply, i will try this code. Its quite simple. Of course i’m not copying any source code from any theme therefore i ask here in this forum. And i think using effect like this will not be considered as copy, because many other authors are using similiar img hover effect in their theme. Thanks again for reply.

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