Wordpress - странная проблема с загрузкой - PullRequest
0 голосов
/ 23 апреля 2011

В настоящее время я использую модифицированную версию этой темы для отображения годового отчета:

http://www.elegantthemes.com/preview/ElegantEstate/

Я не могу связать отчет, так как наш менеджер проекта хочет сохранить приватность сайта до запуска.

Менеджер проекта жалуется на странную схему загрузки, когда некоторое содержание в слайдере функций отображается перед первым слайдом в течение нескольких секунд, пока страница полностью не загрузится. У меня нет этой проблемы сам.

Может ли кто-нибудь объяснить, почему это может происходить, и как я могу это исправить? Могу ли я установить плагин, который бы предварительно загружал всю страницу или что-то подобное?

Я попробовал подключаемый модуль предварительной загрузки изображений, который не решил проблему.

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 23 апреля 2011

Многие ползунки используют технику, при которой весь контент загружается в html, что-то вроде:

<div id="slider">
  <div class="pane">
    content
  </div>
  <div class="pane">
    content
  </div>
  <div class="pane">
    content
  </div>
</div>

Хотя высота и ширина комбинации всех трех отдельных высот и ширины панели, она будетбыть больше, чем ваша оболочка слайдера div.Для тех, кто не использует JS, это то, что они увидят.Это считается постепенным ухудшением, в результате чего они не получат модный слайдер, но все равно смогут видеть его содержимое.

Как только JS загрузится на странице, скрипт слайдера, скорее всего, применяет правила CSSкоторые ограничивают размер видимой области слайдера.Слайдер, скорее всего, получит параметры высоты и ширины и объявление переполнения, что-то вроде:

width:200px;
height:200px;
overflow:hidden;

Как только эти правила вступят в силу, слайдер будет выглядеть так, как должен.Пока это не произойдет, ваш слайдер будет выглядеть совсем не так, как слайдер, и весь контент будет виден очень уродливо.

Причина, по которой ваш руководитель проекта видит это не так, как вы, может быть из-за разной скорости соединения или отдельных несоответствий браузера.Мне кажется, что ваш слайдер работает, вы просто хотите, чтобы он делал то, чего не должен делать.

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

Я знаю, что вы не можете опубликовать здесь URL, но если вы можете опубликовать или связать с некоторыми JS, HTML и / или CSS для слайдера(или даже скрипт-слайдер, используемый в этом проекте), мы могли бы вам помочь.

...