jquery - Mouse-over effect on image effects other images -
i want execute simple effect on image wall.
http://www.concept-it.be/sodrie3/collectie.html
however when use following code:
$('.coll_img').hover( function(){ var cssobj = { "border" : "1px dashed", "width" : "205px" } $(this).css(cssobj); }, function(){ var cssobj = { "border" : "0", "width" : "205px" } $(this).css(cssobj); } );
the effect done, other images affected too.
i want keep simple (prefer no plugins).
i suppose need add css code.
grtz , in advance
the border adding 1px size of image changing formatting, you'd need either alter width 2px less hover image (203px, 1px left , 1px right border) or set image padding 1px when there no hover
edit: may want use separate <img />
tag , load in "zoomed in" image on hover formatting of images doesn't out of whack when increase width , add border
something on hover image src gets updated hovered image , set position absolute, set top , left coordinates match hovered image
Comments
Post a Comment