Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   вопрос по hide() и т.п. (https://javascript.ru/forum/jquery/16529-vopros-po-hide-i-t-p.html)

AlexAss 11.04.2011 20:24

вопрос по hide() и т.п.
 
Доброго вечера,
у меня возникла следующая проблема. Делаю сайт визитку, и добавляю песвдоэффект )

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

Причем в начале работы такого небыло, как начал чето дописывать и т.п. началось это.


Сам код
$(document).ready(function() {
      $('.izumrudniyLogo, .hello, .hotNews').hide();
	  $('#menu, .slogan, .reklama1, .content, .reklama2, .countsBlock').animate({"opacity": "0" },10);
	  var heights = $('.content').height();
	  $('#centrPanel, .hotNews').css({"height" : "0px"});
	  var speed = 100;
	  $('.izumrudniyLogo').show().css({"marginLeft" : "300px", "marginTop" : "300px"});
	  $('.hello').css({"marginLeft" : "320px"})
	.fadeIn(speed*20).fadeOut(500, function(){
	  $('.izumrudniyLogo')
	.animate({"opacity": "0.4" }, speed*4)
	.animate({"opacity": "0.1" }, speed*4)
	.animate({"opacity": "1", "marginLeft" : "0px", "paddingLeft" : "50px", "marginTop" : "10px",}, speed*10, function(){
	  $('#centrPanel').animate({"height" : heights}, speed*20, function(){
	  $('.reklama1, .reklama2').animate({"opacity": "1" },speed*10, function(){
	  $('.slogan, #menu, .content,  .countsBlock').animate({"opacity": "1" },speed*30, function(){
	   $('.hotNews').show().animate({"height" : "330px"}, speed*20)
											 })
											 })
											  })
											   })
	                                            });
      $('.tableBig, .tableSmall, .tableSwim').hide();
	  	                                             }); //end ready


Может кто расскажет новчику, в чем косяки. Спасибо

0931454574 11.04.2011 23:10

такой вопрос. А возможен вариант : например страница будет состоять из пустых блоков с id . Предварительно создашь в скрипте все элементы и после с нужным эффектом загрузить все на страницу. Тогда не будет глюка с появлением страничке перед эффектом.
Если нужен пример , то пишите, постараюсь ответить в 24 часа

jQuery.preloadImages = function()
{
 for(var i = 0; i<arguments.length; i++)
 {
   jQuery("<img>").attr("src", arguments[i]);
 }
}


$.preloadImages("image1.gif", "/path/to/image2.png",
"some/image3.jpg");


И естественно что сначала загружаем контент, потом добавляем и потом только показываем, то есть все блоки дисплей нот, но возможно при добавлении они отобразятся, тогда возможно плавно показывать и пока будет идти анимация сразу добавлять, короче говоря нужно эмперическим методом найти решение!

AlexAss 12.04.2011 21:02

Ну это простой варриант и он не подходит, т.к. визитка будет чуток раскручиваться, и нужно чтобы боты видели текст.

Я не понимаю почему так происходит. Я думаю ошибка в самом коде

0931454574 14.04.2011 23:55

А можете словами описать алгоритм по которому страница должна оторажаться.


Часовой пояс GMT +3, время: 15:42.