I am using camera as a content slider on this page.
I would like to set a width/height/background image for the parent div so the space the slider will occupy is drawn prior to the slider loading, to avoid a big jump once the slider loads.
To do that, I used the following code:
#camera_bed {
width: 100%;
height: 396px;
}
However, the page is dynamic in width. And that height is inappropriate for smaller screen sizes.
Has anyone else run into this issue? Is there a solution in CSS or am I going to need to get jQuery involved?
I am using camera as a content slider on this page.
I would like to set a width/height/background image for the parent div so the space the slider will occupy is drawn prior to the slider loading, to avoid a big jump once the slider loads.
To do that, I used the following code: #camera_bed { width: 100%; height: 396px; } However, the page is dynamic in width. And that height is inappropriate for smaller screen sizes.
Has anyone else run into this issue? Is there a solution in CSS or am I going to need to get jQuery involved?
Thanks in advance.
I found a very workable solution via Chris's fluid video container:
Worked like a charm!