Как поставить прелоадер в галерею - JavaScript, Ajax - Страница 2

Naive · 18.08.2011, 08:32

Код:

<script type="text/javascript">$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 10000, true);});</script>

Попробуйте перенести это в тег <Head>, там ему самое место.
По идее, слайдер и так запускается только после полной загрузки страницы (судя по этому коду). Возможно, тормозит именно из-за того, что скрипт находится в середине текста.

AnToH@ · 18.08.2011, 11:14

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

Naive · 18.08.2011, 18:50

Ну тогда вставляйте картинку прелоадера на место слайдера, а сам слайдер грузите динамически после загрузки страницы и при завершении загрузки меняйте картинку прелоадера на слайдер:

Код:

$(document).ready(function() {
var slider=$('<slider><all_slider_content></slider>');
slider.load(function() {
$('#div_with_preloader').html('');
$(this).appendTo('#div_with_preloader');
})
})

AnToH@ · 19.08.2011, 10:40

Не могли бы Вы пошагово объяснить. Вот у меня слайдер $GLOBAL_GERT$ , вот картинка прелоадера http://russia2030.ucoz.ru/images/body-preloader.gif

Naive · 19.08.2011, 12:38

Предположим, слайдер находится в блоке с id =featured. В этот блок вместо $GLOBAL_GERT$ вставьте картинку

Код:

<div id="featured"><img src="http://russia2030.ucoz.ru/images/body-preloader.gif"></div>

А в <HEAD> пишем код:

Код:

$(document).ready(function() {
var slider=$('$GLOBAL_GERT$');
slider.load(function() {
$('#featured').html('');
$(this).appendTo('#div_with_preloader');
})
})

AnToH@ · 19.08.2011, 14:36

Он не переключается с прелоадера на галерею:-( А что такое #div_with_preloader в коде?

18.08.2011, 08:32	#11
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Код: `<script type="text/javascript">$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 10000, true);});</script>` Попробуйте перенести это в тег <Head>, там ему самое место. По идее, слайдер и так запускается только после полной загрузки страницы (судя по этому коду). Возможно, тормозит именно из-за того, что скрипт находится в середине текста. Alar, верни репу!

18.08.2011, 18:50	#13
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Ну тогда вставляйте картинку прелоадера на место слайдера, а сам слайдер грузите динамически после загрузки страницы и при завершении загрузки меняйте картинку прелоадера на слайдер: Код: `$(document).ready(function() { var slider=$('<slider><all_slider_content></slider>'); slider.load(function() { $('#div_with_preloader').html(''); $(this).appendTo('#div_with_preloader'); }) })` Alar, верни репу!

19.08.2011, 12:38	#15
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Предположим, слайдер находится в блоке с id =featured. В этот блок вместо $GLOBAL_GERT$ вставьте картинку Код: `<div id="featured"><img src="http://russia2030.ucoz.ru/images/body-preloader.gif"></div>` А в <HEAD> пишем код: Код: `$(document).ready(function() { var slider=$('$GLOBAL_GERT$'); slider.load(function() { $('#featured').html(''); $(this).appendTo('#div_with_preloader'); }) })` Alar, верни репу!

19.08.2011, 14:36	#16
AnToH@ Новичок Джуниор Регистрация: 16.08.2011 Сообщений: 9	Он не переключается с прелоадера на галерею:-( А что такое #div_with_preloader в коде? Последний раз редактировалось AnToH@; 19.08.2011 в 15:29.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Зациклить галерею	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

18.08.2011, 11:14	#12
AnToH@ Новичок Джуниор Регистрация: 16.08.2011 Сообщений: 9	Да согласен, исправил - но прчина не в этом. При медленной скорости получается что слайдер отображает первую картинку как только она загрузится и отображение всех остальных в меню справа например они появляются по ходу переключения на следующее изображение. пока не загрузится полностью. Поэтому и хочу его спрятать в прелоадер

19.08.2011, 10:40	#14
AnToH@ Новичок Джуниор Регистрация: 16.08.2011 Сообщений: 9	Не могли бы Вы пошагово объяснить. Вот у меня слайдер $GLOBAL_GERT$ , вот картинка прелоадера http://russia2030.ucoz.ru/images/body-preloader.gif