удалить флеш из неустановленного контента (FOUC) - PullRequest
1 голос
/ 17 февраля 2012

Эта страница показывает коллекцию изображений в карусели.Карусель предоставляется плагином jQuery для бесконечной карусели .В настоящее время плагин и мой JS-код, который вызывает его, загружаются в <head>.

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

FOUC особенно плох в IE, но также встречается в Firefox.

Ответы [ 2 ]

1 голос
/ 17 февраля 2012

Если вы отключите JavaScript в своем браузере, вы сможете увидеть, как выглядит «flash». Это хорошая идея, чтобы убедиться, что страница по крайней мере всегда «пригодна для использования» с отключенным JS. Добавление этой CSS к вашей #carousel поможет вам:

overflow: hidden;
width: 615px;
height: 270px;
border: 2px solid #aaa;
1 голос
/ 17 февраля 2012

Вы можете установить display:none в CSS для содержимого, а затем удалить его с помощью javascript непосредственно перед тем, как код карусели вступит в силу.

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

...