ansaurus

Question

Answer 1

+1 A:

This happens because you calculate the width and height from the first .zitem you find

width = $('.zitem').width() * zoom;
height = $('.zitem').height() * zoom;

When the first item is hidden (due to the filtering) its display is set to none, so its width and height become 0.

you will need to read the first visible .zitem when reading the height/width like this

width = $('.zitem:visible').width() * zoom;
height = $('.zitem:visible').height() * zoom;

do the same thing when you unzoom the image

Gaby 2010-01-14 20:33:35

thanks for this. This helps. When you hover over the image, it zooms correctly, but when you hover off the image, it still disappears. I know I have to do the same thing to unzoom the image, but I cant seem to figure out the code.

JCHASE11 2010-01-14 20:49:15

this is my existing code to reset the image//Reset the image $(this).find('a img').stop(false,true).animate({'width':$('.zitem').width(), 'height':$('.zitem').height(), 'top':'0', 'left':'0'}, {duration:100});

JCHASE11 2010-01-14 20:50:41

just change the $('.zitem') to $('.zitem:visible')

Gaby 2010-01-14 20:53:15

thanks! thats it

JCHASE11 2010-01-14 21:01:30

ansaurus

tags:

views:

answers:

Jquery Image lost on fade, help!

related questions