168 posts
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 4-5 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.

2566 posts Put a Donk On It
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • United Kingdom
  • Exclusive Author
  • Attended a Community Meetup
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Referred between 200 and 499 users
+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.
2566 posts Put a Donk On It
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • United Kingdom
  • Exclusive Author
  • Attended a Community Meetup
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Referred between 200 and 499 users
+5 more
ThemeProvince says

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

168 posts
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Has been a member for 4-5 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