How about just running the images through TimThumb to standardize the sizes? That’s how I implemented Nivo Slider on my last theme (for my upcoming one I wrote my own to allow for greater flexibility).
For one thing, the images will need to be the same dimensions due to the way the transitions are implemented in Nivo if nothing else – otherwise the transitions wouldn’t look very nice if everything didn’t line up properly.
Timthumb doesn’t work for a lot of people, so I don’t really recommend using it. I’d suggest just using WP to resize (it’s possible, not easy, but possible).
@Sevenspark – Yeah i know, but i used WP thumbnails feature to resize everything, don’t want to use it just for the slider. And as landon said, there are probs.
@landonw – Yup, that’s why i decided not to use timthumb at all. But the prob is that the WP thumbnails feature can’t resize on the fly.
What i do : use timthumb to display all images at a fixed width and add 2 lines in .js :
// adjust height ! hh = vars.currentImage.attr(‘height’); slider.height(hh);
in the nivoRun method
I found a solution for my site, I had given the #slider a height of 533px and it was being overridden by an element style that I couldn’t find anywhere in my theme files. So I just set the height in nivo-slider.css to “height: 533px !important;” and the ”!important “makes it override the element style. Not my ideal fix but I was tired of banging my head on the wall. Hope it helps anyone.