Как динамически установить ширину и высоту слайд-шоу ⇐ Html

[Anonymous]

Я создал веб-страницу, используя изображение в блоке div под названием слайд-шоу. Предполагается, что div имеет максимальную ширину 1600 пикселей и максимальную высоту 600 пикселей (ширина и высота исходного jpg, используемого здесь) и динамически сжимается при уменьшении или изменении размера экрана.

Это работает нормально, поскольку поведение изображения задается CSS следующим образом:

Код: Выделить всё

.slideshow img{
margin:0 auto;
width: 100%;
max-width: 1600px;
min-width: 900px;
}

Теперь я хотел бы добиться того же эффекта, заменив изображение слайд-шоу камеры от Pixedelic. Но здесь я не могу управлять изображением с помощью .slideshow img{}, так как сценарий использует div вместо тега изображения.

Ширина и высота слайд-шоу камеры контролируются функцией jQuery.
Я поместил слайд-шоу в div .slides, которым пытаюсь управлять с помощью CSS, вот так:

Код: Выделить всё

.slideshow .slides{
display: block;
margin:0 auto;
max-width: 1600px;
max-height: 600px;
overflow:visible;
}

(Переполнение остается видимым, чтобы увидеть, что происходит)

Когда я присваиваю функции высоту (т. е. 600 пикселей), слайд-шоу загружается с максимальной высотой, но не сжимается при уменьшении размера страницы: http://www.centredelafontaine.be/testpage1.html

Когда я оставляю значения высоты и ширины пустыми функция, слайд-шоу сжимается при изменении размера, но открывается с высотой 800 пикселей (?) и обрезает еще большее изображение внутри, выходя за пределы элемента div, расположенного ниже: http://www.centredelafontaine.be/testpage2.html

Может ли кто-нибудь помочь мне в этом вопросе?

Подробнее здесь: https://stackoverflow.com/questions/213 ... ynamically