Есть вопрос?
Зайди на форум

Поиск на сайте: Advanced

Denix - новый дистрибутив Linux. Русификация Ubuntu и установка кодеков

dkws.org.ua
Форум сайта dkws.org.ua
 
Главная    ТемыТемы    АльбомАльбом    РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 

прелоад jquery(удивительная вещь...)

 
Начать новую тему Ответить на тему    Список форумов dkws.org.ua -> Сайтостроение
 
Автор Сообщение
Martin

Завсегдатай


Зарегистрирован: 28.07.2009
Сообщения: 623
Откуда: Харьков

СообщениеДобавлено: Ср Янв 18, 2012 6:06 am    Заголовок сообщения: прелоад jquery(удивительная вещь...)
Ответить с цитатой

вчера весь день потратил на то, чтобы найти прелоад для сайта, мотивируя изрецением Евклида "что было, то есть, то и будет, и нех@й изобретать велосипед", НО, на удивление, я не смог найти (ЗА ВЕСЬ ДЕНЬ!!) даже примитивного прелоада!! Естественно, ничего не оставаясь, пришлось стряпать его самому. И за какое время? Импровизируя, ушло всего 10-15 минут!! 10 минут vs 1 день Very Happy
Повторюсь, мне не нужен какойто суперский прелоад с выскакиванием всяких заставок, затуханием, залипанием и пр. Нужен самый простой, тупо, чтобы контент загрузился одновременно, а не кусками. Такой прелоад ниже:
Код:
<html>
<head>
<title>jQueryLoader Demo - Martin</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
div.loadtext {display: none; position: absolute; left: 47%; top: 49%;}
#contlod {margin-top: -9999px;}
</style>
</head>
<body>
<div class="loadtext">Loading...</div>
<script>
$(document).ready(function(){
$("div.loadtext").fadeIn("slow");
});
</script>
<div id="contlod">
<?php print $content; ?>
</div>
<script>
setTimeout(function(){
$("div.loadtext").fadeOut("slow");
$("#contlod").css("display", "none");
$("#contlod").css("margin-top", "0px");
$("#contlod").fadeIn("slow");
}, 1000)
</script>
</body>
</html>

минус в том, что я использовал setTimeout за тем, что onLoad и $(document).ready() ни в какую никак Sad но это и правильно - если страница слишком быстро загрузится, между тем будет мелькать еще прелоад - Evil or Very Mad лучше пусть будет по определенному времени грузиться - и посетителей с толку сбивать не будет, что одна страница столько грузится, другая столько, а у меня все уравновешенно и совершенно Idea Wink
//add: не всем нравится, когда контент загружается как бы из тумана. "slow" - много тумана. 100-200 - самое то - ине вяло и не резко как понос
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mega

Участник тусовки


Зарегистрирован: 06.10.2010
Сообщения: 219
Откуда: из Украины

СообщениеДобавлено: Ср Янв 18, 2012 12:50 pm    Заголовок сообщения: Re: прелоад jquery(удивительная вещь...)
Ответить с цитатой

Цитата:

вчера весь день потратил на то, чтобы найти прелоад для сайта, мотивируя изрецением Евклида "что было, то есть, то и будет, и нех@й изобретать велосипед", НО, на удивление, я не смог найти (ЗА ВЕСЬ ДЕНЬ!!) даже примитивного прелоада!! Естественно, ничего не оставаясь, пришлось стряпать его самому. И за какое время? Импровизируя, ушло всего 10-15 минут!! 10 минут vs 1 день

А что их искать, вот пара первых ссылок в гугле?
http://x3m-slider.org.ua/blog/content/preloader-stranitsy-na-jquery
http://www.daken.ru/articles/ajax-preloaders.xhtml#articles/ajax-preloaders

Martin писал(а):
//add: не всем нравится, когда контент загружается как бы из тумана. "slow" - много тумана. 100-200 - самое то - ине вяло и не резко как понос

добавь бекграунд, токой же как и в странице.
_________________
<?php echo "А php вещь классная)" ?>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение нет Моб. телефон
Martin

Завсегдатай


Зарегистрирован: 28.07.2009
Сообщения: 623
Откуда: Харьков

СообщениеДобавлено: Чт Янв 19, 2012 12:52 am    Заголовок сообщения: Re: прелоад jquery(удивительная вещь...)
Ответить с цитатой

Mega писал(а):

А что их искать, вот пара первых ссылок в гугле?
http://x3m-slider.org.ua/blog/content/preloader-stranitsy-na-jquery

Martin писал(а):
Повторюсь, мне не нужен какойто суперский прелоад с выскакиванием всяких заставок, затуханием, залипанием и пр. Нужен самый простой, тупо, чтобы контент загрузился одновременно, а не кусками.

Mega писал(а):
http://www.daken.ru/articles/ajax-preloaders.xhtml#articles/ajax-preloaders

Этот не во всех браузерах работает, а самое главное он не работает в IE, а это, как нельзя важно для корпоративного сайта. Вы знаете хоть одну крупную компанию, на компах которой стояли бы браузеры отличные от IE?
Mega писал(а):
добавь бекграунд, токой же как и в странице.

Для чего?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mega

Участник тусовки


Зарегистрирован: 06.10.2010
Сообщения: 219
Откуда: из Украины

СообщениеДобавлено: Чт Янв 19, 2012 11:46 am    Заголовок сообщения:
Ответить с цитатой

Цитата:
а самое главное он не работает в IE

8 IE полет отличный!

Цитата:
а это, как нельзя важно для корпоративного сайта. Вы знаете хоть одну крупную компанию, на компах которой стояли бы браузеры отличные от IE?

Тогда нафига украшать корпоративный сайт всякими рюшечками (прелоадер, плавное наведение и т д)? Я видел корпоративные сайты в табличной верстке, которые отображаются везде одинаково и во всех браузерах. Вы решите для себя: вам надо чтобы был красивый сайт или чтобы отображался во всех браузерах? К сожалению, организовать это все займет очень много времени (т е нужно делать шаблон для каждого браузера или две версии: одна для ИЕ6 и 7 а вторая для всех остальных новых браузеров)

Цитата:
Для чего?

для
Код:
<div class="loadtext">Loading...</div>

_________________
<?php echo "А php вещь классная)" ?>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение нет Моб. телефон
Martin

Завсегдатай


Зарегистрирован: 28.07.2009
Сообщения: 623
Откуда: Харьков

СообщениеДобавлено: Пт Янв 20, 2012 3:51 am    Заголовок сообщения:
Ответить с цитатой

Mega писал(а):

8 IE полет отличный!

Все равно, не люблю такой код, который неизвестно кто написал. Заходил на его сайт+ на хабрахзабре чувак торчит - похоже того он или пока не все тараканы в мозге здохли. Видел статью на хабре про энту хрень - не понраилось.
Цитата:
Вы решите для себя: вам надо чтобы был красивый сайт или чтобы отображался во всех браузерах?
И то, и другое! Однозначно!
Цитата:
К сожалению, организовать это все займет очень много времени (т е нужно делать шаблон для каждого браузера или две версии: одна для ИЕ6 и 7 а вторая для всех остальных новых браузеров)
А хаки для чего?
Цитата:
для
Код:
Код:
<div class="loadtext">Loading...</div>

кому надо - сделают, я текст заменил на имедж, это так для примера, просто
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mega

Участник тусовки


Зарегистрирован: 06.10.2010
Сообщения: 219
Откуда: из Украины

СообщениеДобавлено: Пт Янв 20, 2012 4:18 pm    Заголовок сообщения:
Ответить с цитатой

Цитата:
А хаки для чего?

Но не для корпоративного сайта. В сайте серьезной фирмы должен быть валидный код. Проверь сколько ошибок из-за хаков на твоем сайте.
_________________
<?php echo "А php вещь классная)" ?>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение нет Моб. телефон
Показать сообщения:   
Начать новую тему Ответить на тему    Список форумов dkws.org.ua -> Сайтостроение Часовой пояс: GMT
Страница 1 из 1
 Главная страница сайта
 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
© Колисниченко Денис