134 posts
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
  • Pakistan
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
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.

2509 posts Put a Donk On It
  • Exclusive Author
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Attended a Community Meetup
  • Referred between 100 and 199 users
  • Contributed a Tutorial to a Tuts+ Site
+5 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.
2509 posts Put a Donk On It
  • Exclusive Author
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Attended a Community Meetup
  • Referred between 100 and 199 users
  • Contributed a Tutorial to a Tuts+ Site
+5 more
ThemeProvince says

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

134 posts
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
  • Pakistan
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
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