Сначала загрузите и покажите фоновое изображение тела - PullRequest
Новая
       6

Сначала загрузите и покажите фоновое изображение тела

1 голос
/ 11 октября 2009

У меня следующая проблема:

Моя целевая страница состоит из 2 изображений: фонового изображения (верхнего баннера), назначенного элементу body, и другого изображения, на котором я представляю свое содержимое.

Моя проблема в том, что оба изображения достаточно велики, и мне всегда приходится ждать, пока сначала появится главное изображение, а не фоновое изображение.

Это очень раздражает меня и выглядит нехорошо.

Я создал онлайн-версию с примерами изображений, которые ясно показывают мою проблему. Пожалуйста, проверьте это: здесь

Я пробовал много разных методов JavaScript и онлайн-решений, но ни один из них не решил мою проблему.

Все, что я хочу, - это фоновое изображение, которое нужно показывать первым, а затем основное изображение.

Вот HTML-код: 

<body background='top-banner2.jpg' style='background-position: top center; background-repeat:no-repeat;'>
  <a href="#">
    <img border='0' style='position:absolute; width:965px; left:50%; margin-left:-487px; top:440px;'  src='main2.jpg' />
  </a>
</body>

Я открыт для любого решения, JavaScript, AJAX, чего угодно, просто чтобы оно работало!

Спасибо, что поделились своим временем и опытом.

Всего наилучшего, Спиро К.

1 Ответ

1 голос
/ 11 октября 2009

Проблема в том, что вы используете атрибут background. Никогда не используйте это снова, и прекратите использовать атрибуты стиля. Поместите всю презентацию во внешнюю таблицу стилей и создайте ссылку на нее с помощью тега ссылки. Это решит вашу проблему, поскольку CSS визуализируется постепенно с DOM.

...