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
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
Post a Comment