225 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $40,000+ on Envato Market
  • Has referred 1+ members
  • Has collected 1+ items on Envato Market
+1 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.

2627 posts Put a Donk On It
  • Had an item that became a weekly top seller
  • Elite Author: Sold more than $75,000 on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
+11 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.
2627 posts Put a Donk On It
  • Had an item that became a weekly top seller
  • Elite Author: Sold more than $75,000 on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
+11 more
ThemeProvince
says

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

225 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $40,000+ on Envato Market
  • Has referred 1+ members
  • Has collected 1+ items on Envato Market
+1 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.

by
by
by
by
by
by