170 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.

2566 posts Put a Donk On It
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,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.
2566 posts Put a Donk On It
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+10 more
ThemeProvince says

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

170 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.

by
by
by
by
by
by