Force images to show in a fixed size
Permalink Browser Info Environment
I have slide shows with images of slightly different sizes. Then each image change will have the picture frame moving bigger or smaller. Is there any way of forcing images of different sizes to show/fit in a fixed size screen so that the slide show is not looking like wobbly.
Type: | Discussion |
---|---|
Status: | New |
I want my all images in a fixed height and then centered in the container. Any suggestions on what to change in which css files?
Hi, I cannot find class entry, where should I put it in? I suppose this will limit all slide shows height, isn't it? It will be nice if there is a dialog box to choose width and height by slide show.
Thanks,
Vicky
theme-default .nivoSlider {
position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
Thanks,
Vicky
theme-default .nivoSlider {
position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
I have just discovered this problem also that I cannot set a fixed height for two different sliders... I want a slim slider on the front of my site with a 300px height and and deeper 450px height on a separate slider on a different page. It would be really helpful if this could be solved maybe? Any help or ideas appreciated.
I just installed this add-on and have the same question.... will be looking forward to seeing if the size can be fixed easily. (i already changed the file sizes in the file manager, but still, because photo's render best in different sizes, fitting them all into the slider so it doesn't stretch the entire page would be sweet!)
for example if you want to have fix height on default theme, open file:
\packages\whale_nivo_slider\css\nivo_themes\default\default.css
and at the ".theme-default .nivoSlider" class add: