When I try to add different size images to nivo slider, it causes slider to expand to image size. Even if I add overflow:hidden to #slider, it seems not to work. Adding extra div with overflow hidden and dimensions causes control buttons not to show up. Does anyone have solution to this problem or do I have to use, extact size images as slider ?
Its very strange because even old slider like s3slider seems to work properly with different size images.
Ok, can i at least move the control nav outside the default container (everthing related to the nivo slider is in one damn div, why can’t i put the control nav in the parent div.
I thought sliders by their very nature were designed to slide through a set of images of the same size, and if they aren’t the same size they’d surely just be resized and look rubbish anyway.
Ok, can i at least move the control nav outside the default container (everthing related to the nivo slider is in one damn div, why can’t i put the control nav in the parent div.
Nop, but anything is doable in CSS, you can style the controllers how ever you want.
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.
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.