Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.08.2011, 16:50   #1
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию Как поставить прелоадер в галерею

Имеется скрипт - галерея с автопрокруткой. Из за неё при малой скорости инет, подвисает страница. Хочу поставить прелоадер для этого скрипта, чтобы пока он грузился была полоска не более 60px по высоте, нашёл решения,но получается что прелоадер размером равным галереи, а это очень много. образец желаемого на главной странице сайта жириновского (лдпр) Вот мой скрипт http://russia2030.ucoz.ru/js/jquery-ui.min.js
помогите кто чем может! Заранее спасибо!
AnToH@ вне форума Ответить с цитированием
Старый 16.08.2011, 17:57   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Оригинально конечно выплевывать обфусцированный код в качестве "своего скрипта".
По делу - смотри в фаербаге стили для своего прелоадера и меняй их.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.08.2011, 19:38   #3
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Оригинально конечно выплевывать обфусцированный код в качестве "своего скрипта".
По делу - смотри в фаербаге стили для своего прелоадера и меняй их.
Вы меня не правильно поняли. Под моим скриптом я имел ввиду что я его использовал на своём сайте. Со стилями все впорядке! Сам скрипт работает отлично и по стилям я его под сайт подогнал. можете посмотреть http://russia2030.ucoz.ru/, а хотелось бы сделать предзагрузку как на этом сайте http://www.ldpr.ru/. Я очень плохо в этом разбираюсь, думаю если бы смог написать такой скрипт. то не просил бы помощи в некоторых функциях. спасибо за понимание!
AnToH@ вне форума Ответить с цитированием
Старый 16.08.2011, 20:34   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от AnToH@ Посмотреть сообщение
Вы меня не правильно поняли. Под моим скриптом я имел ввиду что я его использовал на своём сайте. Со стилями все впорядке!
Нет, я понял что Вы использовали готовый плагин для jQuery user interface, только сам плагин обфусцирован и разбираться в нем смысла нет.
Цитата:
Сообщение от AnToH@ Посмотреть сообщение
Сам скрипт работает отлично и по стилям я его под сайт подогнал. можете посмотреть http://russia2030.ucoz.ru/, а хотелось бы сделать предзагрузку как на этом сайте http://www.ldpr.ru/. Я очень плохо в этом разбираюсь, думаю если бы смог написать такой скрипт. то не просил бы помощи в некоторых функциях. спасибо за понимание!
Так вот, размеры элементов тоже указываются в таблице стилей, поковыряв которую можно добиться нужного эффекта.
Какой именно стиль ковырять проще всего узнать воспользовавшись надстройкой для мозилы firebag (или аналогов для других браузеров)
Жмем правой кнопкой на полоске, которую надо изменить -> "анализировать элемент", в открывшемся фрейме слева будет набор стилей, которые были применены к этому элементу с учетом всех наследований. Экспериментировать также можно в нем и смотреть, какая именно будет реакция браузера на изменение стилей.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.08.2011, 20:51   #5
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию

Возможно мы на разных языках разговариваем:-) У меня когда медленный интернет этот скрипт выводится кусочками и портит весь внешний вид, хотелось бы сдлать чтобы было как на указаном выше сайте. Чтобы пока скрипт полностью не загрузился на экране была полоса с прелоадером , а лучше бы вообще решить вопрос с тем чтобы сначало вся стрница загрузилась. а потом только скрипт, а пока грузится страница показывался бы прелоадер.
AnToH@ вне форума Ответить с цитированием
Старый 17.08.2011, 07:19   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
<div style="text-align: center; padding-top: 100px;">
  <img src="/images/body-preloader.gif">
</div>
Ну вот прелоадер с сайта лдпр. Можете поставить его же и на свой сайт. Но я как понял, у вас уже есть свой прелоадер, для которого достаточно было бы просто изменить стили.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 17.08.2011, 08:31   #7
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию

Спасибо Вам Naive за то что нянчиятесь со мной. Но я не понимаю как заставить через стили работать преоладер пока не занрузится скрипт и его содержимое. Вот мой css



#featured{width:966px; position:relative; border:2px solid #d41616; height:300px; background:#fff; z-index: 10;}

#featured ul.ui-tabs-nav{ position:absolute; top:0; left:714px; list-style:none; padding:0; margin:0; width:250px; z-index: 10;}

#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px; font-size:12px; color:#666; z-index: 2;}

#featured ul.ui-tabs-nav li img{float:left; margin:8px 5px; background:#d41616; padding:2px; border:1px solid #eee; z-index: 10;}

#featured ul.ui-tabs-nav li span{font-size:12px; font-family:Verdana; line-height:18px; z-index: 10;}

#featured li.ui-tabs-nav-item a{display:block; height:73px; color:#fff; background: url('/1/transparent-bg.png') ; line-height:20px; z-index: 10;}

#featured li.ui-tabs-nav-item a:hover{background:#0e6699; z-index: 10; }

#featured li.ui-tabs-selected{background:url('/1/selected-item.gif') top left no-repeat; z-index: 2;}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#d41616; }

#featured .ui-tabs-panel{width:966px; height:300px; background:#fffff; position:relative; z-index: 2;}

#featured .ui-tabs-panel .info{margin-left: 10px; width:704px; position:absolute; top:220px; left:0; height:70px; background: url('/1/transparent-bg.png'); z-index: 2;}

#featured .info h2{font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; z-index: 2;}

#featured .info p{margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; z-index: 2;}

#featured .info a{text-decoration:none; color:#fff; z-index: 2;}

#featured .info a:hover{text-decoration:underline; z-index: 2;}

#featured .ui-tabs-hide{display:none; z-index: 2;}
AnToH@ вне форума Ответить с цитированием
Старый 17.08.2011, 08:38   #8
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Кхм. Давайте сначала.
Цитата:
Сообщение от AnToH@ Посмотреть сообщение
Имеется скрипт - галерея с автопрокруткой. Из за неё при малой скорости инет, подвисает страница. Хочу поставить прелоадер для этого скрипта, чтобы пока он грузился была полоска не более 60px по высоте, нашёл решения,но получается что прелоадер размером равным галереи, а это очень много.
Судя по вышесказанному, полоска у Вас уже имеется, но не устраивает ее размер, так?
Просто я на Вашем сайте ничего такого не нашел, у меня он грузится быстро.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 17.08.2011, 10:33   #9
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию

Раньше галерея не вызывалась вообще пока не загрузится полностью. Но при этом пока она загружалась походу больше ничего не загружалось. Я нашёл скрипт. при котором заключенная в определённый DIV инфорамция отображается после загрузки, но задать размер ему не получалось, даже с помощью общения на других форумах.Дело в том что я теперь не могу найти этот скрипт снова, уже всю историю просмотрел в опере. сейчас скрипт в своём первозанном виде. как я его скачал - только стили подебя подделал. Я на медленных скоростях сайт тестил - главная подвисает немного. В идеале вообще бы хтелось чтобы сначало загружалась вся сраница, а потом только скрипт слайдера, но в то время пока грузится страница на месте скрипта была полоса с прелоадером как на ldpr
AnToH@ вне форума Ответить с цитированием
Старый 17.08.2011, 11:37   #10
AnToH@
Новичок
Джуниор
 
Регистрация: 16.08.2011
Сообщений: 9
По умолчанию

Вот как негодяй при маленькой скорости грузится http://russia2030.ucoz.ru/321.jpg доходит до этого момента и долго висит. Думаю в этот момент он скрипт запускает
AnToH@ вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Зациклить галерею krotik_06 JavaScript, Ajax 2 24.06.2011 19:55
Как создать фото галерею? men232 Мультимедиа в Delphi 5 08.06.2011 13:07
Не могу вставить галерею слайдов в всплывающее окно. Nelly_ JavaScript, Ajax 6 20.05.2011 10:44
Помогите сделать галерею фото Никки JavaScript, Ajax 3 20.04.2008 05:12
Подскажите, как поставить 2 ОС Красавчег))) Операционные системы общие вопросы 24 15.01.2008 21:28