Показать сообщение отдельно
  #1 (permalink)  
Старый 02.07.2012, 12:21
Новичок на форуме
Отправить личное сообщение для san256 Посмотреть профиль Найти все сообщения от san256
 
Регистрация: 02.07.2012
Сообщений: 5

Остановка/ возобновление анимации фона
Имеется плавная смена картинки фона сайта. Но при определенных обстоятельствах она отвлекает (всплывает скрытый DIV с фото галереей). Очень хочется ее временно остановить, например запустив функцию, а после также успешно восстановить. Остановить ее получается, а вот запустить обратно без перезагрузки страницы - не выходит. Подскажите плз. что можно сделать?

var aImages = new Array();

	var iPrev = -1;
	var iRnd = -1;

	
	aImages[0] = "images/1.jpg";
	aImages[1] = "images/2.jpg";
	aImages[2] = "images/3.jpg";
	aImages[3] = "images/4.jpg";
	aImages[4] = "images/5.jpg";
	aImages[5] = "images/6.jpg";
	aImages[6] = "images/7.jpg";	
	


	
	 $(document).ready(function() {
		
		$("img#bg").load(function()

			{
				$("img#bg").fadeTo(2000,1);
				
				
		    	setTimeout(function() 
				
			    	{
			    		$("img#bg").fadeOut(2000);
						
			    		setTimeout(LoadImages,2500);
						
						
			    	}
			    	,5000);
			}			
		)
	
		
		setTimeout(LoadImages,1000);
    });

	   function LoadImage(iNr)
		{
	
		    $("img#bg").attr("src", aImages[iNr]);
		
  		 };

    function LoadImages()
    {
     	/* Select a random image number and make sure this is not equal to the previous image */
    	while(iPrev == iRnd)
    	{
    		iRnd = Math.floor(Math.random()*aImages.length);
    	}
     	/* Show the selected image */
    	LoadImage(iRnd);
    	iPrev = iRnd;

     };


НТМL:
<img   src="" alt="background" id="bg" style="display:none" />

CSS
Код:
img#bg {
    /* Stretch background */
        position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:-3;
}
Ответить с цитированием