Image resizer not working with Nivo slider

I've been trying to use Image Resizer in conjunction with with the Nivo Slider image rotator.

I appreciate that its probably more to do with the Nivo Slider, than the Image resizer, but I thought I'd run it by you guys in case you've come across anything similar before.

I've got a test page with two images. When the page first loads, the image is constrained horizontally, but not vertically. Once it goes to the second image, and every time after that, the image seems to get chopped off at the bottom, and just before it changes sort of jump to the correct size and proportion.

You can see what I mean here:

101/

The two smaller images on the left hand side are resizing correctly, which is why I figure the issue is with the rotator, so feel free to pass the buck after the quickest look.

Thanks.

send a copy of the page please

Thanks for having a look Jason.

Attached a copy now, just with the DB connection reference removed.

EDIT - sorry, wrong file, give me a minute.

OK - try this one.

Basically, for testing, the two small, correctly resized images are resized versions of the original 976x220 images used in the main banner.

And the two test images for the banner are versions of those I've stretched to 1200x350 to test.

hmm the images are being resized properly, if you right click on the image, and select open in new tab, it shows the properly sized image.

Using fire bug, it looks like the script is using height: auto on initial load, then changing it to 220px, and 210px just before loading the next image. the slide show script is dynamically playing with the image heights as it runs.

i dont see what in the script is doing that, but fire bug is showing the heights changing.

No worries - thanks for having a look Jason.

you're welcome.

Hi Jason - just to say that it ended up being quite a simple fix in the CSS for the Nivo Slider.

Just had to change:

max-width: none;

to:

max-height:220px;
max-width:976px;

So between that and the WA resizing, its doing the job correctly:

101/

Obviously the two banner images are a bit extreme, but the main thing is they automatically fit the space they need to.

The idea is that tour operators will be able to log in and add itineraries themselves, to fill that template page. So I don't think there's much more we can do other than advise them of how it works, and the size the images need to be.

But that's a good bit of progress today - getting the user groups and these images all working , so thanks again for your help along the way.

no worries, glad to see you got it sorted.

thank you for your helping. i have the same problem regarding image resizer. now i finally know why the image can't not be correctly resized. would you also tell me whether this image resizing tool is compatiblewith the image rotator.