Показано с 1 по 10 из 10

Тема: Показывать заставку, пока будет загружаться page

  1. #1

    Регистрация
    24.06.2004
    Адрес
    вестный хулиган!
    Сообщений
    155

    Заказчик хочет чтобы его сайт не загружался постепенно, а была заставка (к примеру: "Загрузка сайта"), а когда сайт загрузится (стили и картинки) - показать сайт вместо заставки.
    В общем обьяснил мутно, но думаю, что Вы поймёте :oops:
    А теперь собственно вопрос: Можно ли реализовать это каким-либо способом, и сталкивались ли Вы с подобным. Я теоретически понимаю что это можносделать с помощью Java-скрипта, но как именно увы.

  2. #2

    Регистрация
    01.03.2005
    Адрес
    Россия, Москва
    Сообщений
    228
    Это с помощью Flash можно сделать.
    Но вот наткнулся на одну статью. [Только зарегистрированные пользователи могут видеть ссылки. ]
    Кстати енто называется индикатор загрузки страницы

  3. #3

    Регистрация
    24.06.2004
    Адрес
    вестный хулиган!
    Сообщений
    155

    Печаль

    Originally posted by ONLINE@Apr 23 2005, 20:21
    Это с помощью Flash можно сделать.
    Но вот наткнулся на одну статью. [Только зарегистрированные пользователи могут видеть ссылки. ]
    Кстати енто называется индикатор загрузки страницы
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Только неувязочка, вернее 2
    Во первых, у меня в страницах нет таблиц, по которым можно было бы определить степень загрузки.
    Во вторых, у меня страница построена из div-блоков и структура загрудается практически одновременно с текстом, а вот градиенты, прописанные в css появляются с трудом, а соответственно таким образом определить степень загрузки невозможно

  4. #4

    Регистрация
    08.03.2005
    Сообщений
    25
    Java-Scriptom можно сделать, сначала грузишь картинки( они дублируются в куки), а как последняя загрузится, подпускай уже к дальнейшей загрузке, она пройдёт быстро, тк картинки идут уже из куков...

  5. #5

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    В body onload пишешь вызов ява скрипта, который прячет слой с текстом о загрузке странички.

  6. #6

    Регистрация
    24.06.2004
    Адрес
    вестный хулиган!
    Сообщений
    155
    Originally posted by agat@Apr 24 2005, 16:28
    В body onload пишешь вызов ява скрипта, который прячет слой с текстом о загрузке странички.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    поподробней с этого момента
    agat, ты как всегда, знаешь что именно нужно и спасаешь тем самым

    Я с body onload игрался, но так и не понял как сделать правильно.

  7. #7

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359

    Хорошо

    Код:
    <body onload="document.getElementById (&#39;loading&#39;).style.display = &#39;none&#39;">
    …
    <div id = "loading" style = "width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 2">
    Загрузка сайта...
    </div>
    Код писал практически с башки, так что за очепятки строго не судите... напиши о результатах

  8. #8

    Регистрация
    24.06.2004
    Адрес
    вестный хулиган!
    Сообщений
    155
    Originally posted by agat@Apr 24 2005, 22:33
    Код:
    <body onload="document.getElementById (&#39;loading&#39;).style.display = &#39;none&#39;">
    …
    <div id = "loading" style = "width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 2">
    Загрузка сайта...
    </div>
    Код писал практически с башки, так что за очепятки строго не судите... напиши о результатах
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    Спасибо, agat!
    Все получилось почти так как и требовалось.
    Единственное что я сделал еще - так перенес картинку из беграунда в css в обычную картинку (логотип) и все пляшет.
    Посмотреть результы можно здесь [Только зарегистрированные пользователи могут видеть ссылки. ]
    А еще при абсолютном позиционировании блока-заставки у меня не ладится с отступами, а потому сделал relative (правда в этом случае в лисе пропадает шапка (в которой эллементы имеют абсолютное позиционирование), и надо немного изменить размер экрана, тогда все стает на свои места.

    Блин, полная ж@па.

    Если бы можно после загрузки еще один стиль добавить - все стало бы на свои места (я бы временному блоку задал абсолютное позиционирование)
    Я сделал это через
    Код:
    onmousemove="document.getElementById(&#39;loading&#39;).style.position = &#39;absolute&#39;"
    (Все равно юзеры мышкой будут двигать )
    ------------------------------

    Дров наломал, а теперь просьба меня исправить

  9. #9

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    1 - у меня в лисе, сайт колбасит, шапка улетела пониже подвала.
    2 - а на какой cms будет сайт?

  10. #10

    Регистрация
    24.06.2004
    Адрес
    вестный хулиган!
    Сообщений
    155
    Originally posted by agat@Apr 25 2005, 23:09
    1 - у меня в лисе, сайт колбасит, шапка улетела пониже подвала.
    2 - а на какой cms будет сайт?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Попробуй снова, я вроде исправил.
    А по поводу cms я не знаю, знаю что через php. Надо будет спросить ...

Похожие темы

  1. Ответов: 0
    Последнее сообщение: 10.08.2012, 16:22
  2. А чат будет?
    от the end в разделе DesignForum.Ru
    Ответов: 8
    Последнее сообщение: 08.03.2008, 11:41
  3. а сколько будет 1 pt
    от HeDe в разделе Флейм
    Ответов: 4
    Последнее сообщение: 05.12.2006, 15:32
  4. Что будет?
    от QWER_cool в разделе Flash-технологии
    Ответов: 3
    Последнее сообщение: 25.04.2005, 01:12
  5. Вот страдал, пока болел :)
    от Kochevnik в разделе 3D-технологии
    Ответов: 6
    Последнее сообщение: 05.04.2005, 21:52

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •