Высота не отображается правильно в определенное время

Question

При первой загрузке и просмотре некоторых слайдов на этой странице http://www.blythestoves.co.uk/new правильная высота не отображается. Некоторая информация обрезана. Перейдите к слайду 2 (Ecomaster BB1) и под изображениями циферблатов воздушного потока должна быть информация о гарантии. Страница не отображает этот последний текстовый блок.

Вот странная часть. Если вы обновите страницу, ничего не произойдет, но если вы зайдете в адресную строку, щелкните там и снова нажмете «возврат», страница загрузится правильно с правильной высотой.

Я действительно не понимаю и уже потратил слишком много времени на это. Любая помощь будет очень полезна.

Спасибо.

Answer 1

Основная проблема заключается в том, что браузеры webkit запускают событие готовности документа до начала загрузки изображений и, следовательно, размеры изображения не были получены. Так что, если вы включите размеры изображения в CSS или Inline:

<img src="images/blythe-ecomaster-bb2.jpg" style="width:1228px;height:678px;" />

тогда высота ползунка будет соответствующим образом определена.

Кроме того, опция ширины в инициализации ползунка устарела, поэтому вы можете устанавливать размеры ползунка только с помощью css. Таким образом, вы можете удалить эту строку, потому что она ничего не делает:

width : 1228,          // Override the default CSS width

Answer 2

Без изоляции в скрипке я не могу сказать наверняка, но я предполагаю, что это не изменение размера, потому что вы явно сказали это не делать с resizeContents : false:

$('#slider').anythingSlider({
                                width : 1228,          // Override the default CSS width
                                resizeContents : false,
                                navigationFormatter : formatText,
                                autoPlay : false,
                                easing: 'easeInOutExpo'

                        });

Получите это оттудаи это может сработать.Если нет, поставьте нам скрипку;)

Answer 3

у меня работает на firefox и chrome?Это может быть проблема переполнения css, если она появляется только в IE.

Andrew