Перейти к содержанию

Рекомендуемые сообщения

Всем привет! Где-то в просторах интернета встречал сайты, где фон страницы, при движении бегунком браузера вниз, остается на месте, кто подскажет какие надо произвести изменения в файлах?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

нужно для body прописать

background-attachment: fixed;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В смысле выдрать эту фишку с платного шаблона? Так это не единственный шаб,а ещё тут за такие мысли в слух могут сделать атата :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а если так? в header.tpl после <body>

<img  src="" alt="background" id="bg" style="display:none" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" class="noprint">
	var aImages = new Array();
	var aURL = new Array();
	var aArtists = new Array();
	var iPrev = -1;
	var iRnd = -1;
	
	aImages[0] = "../images/bg.jpg";
	aImages[1] = "../images/bg1.jpg";
	aImages[2] = "../images/bg2.jpg";
	aImages[3] = "../images/bg3.jpg";

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

				$("img#bg").fadeTo(2000,1);	
						
				
		    	setTimeout(function() 
			    	{
			    		$("#image_description").animate({right: '-=150'}, 1000);
			    		$("img#bg").fadeOut(2000);
			    		
			    		
			    		setTimeout(LoadImages,2500);
			    	}
			    	,30000);
			}			
		)
	
		
		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;
    	
    };
</script> 

 

в стили: 
 

img#bg {
    /* Stretch background */
        position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:-3;
}
  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Строку

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 

наверное, не нужно, т.к. в самом опенкарте эта библиотека уже подключается в хедере.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да но чтобы можно подключать модулем и в админке выбирать фоны

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А по моему Паша выдал менее геморное и простое  решение.Остаётся только закинуть эти  самые 

 

aImages[0] = "../images/bg.jpg";
    aImages[1] = "../images/bg1.jpg";
    aImages[2] = "../images/bg2.jpg";
    aImages[3] = "../images/bg3.jpg";

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ни один из вариантов не получился

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ни один из вариантов не получился

а вы убрали дефолтные настройки фона сайта?

body {
background-color: #ffffff;
.....
}

 

?

-Ты видишь суслика?

-Нет.

-А он есть.

(к/ф "ДМБ")

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

дэфолтные убрал, пути к изображению проверил - не получается

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

почему у меня тогда получается?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.