Need help in jquery to rectify image caption fade -


http://www.umairdesigner.com/emagics/

hi, i'm working on site i've developed image caption fadeout , img zoom when mouse on , opposite if mouse leave tha image area. notice when hover on image in (meet team, under about-us section) first image effect likewise. suggestion great appreciable.

here code;

    figure.mouseenter(function() {     $(this).find('figcaption').fadeout('fast');     $(this).find('img').animate({top:'-20', left: '-20', width: '224', height: '270'}); }); figure.mouseleave(function() {     $(this).find('figcaption').fadein('fast');     $(this).find('img').animate({top:'0', left: '0', width: '193', height: '233'}); }); 

here team section enter image description here

always provide jsfiddle rather providing website url ..always

<div id="ibox"></div> 

change different id's different boxes.

you can give class = ibox or id="ibox1" ibox2 , .on ..

 <div id="ibox1"></div> or <div class="ibox"></div> 

Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -