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

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -