Jump to content

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

background-attachment: fixed;

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

а если так? в 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

Share this post


Link to post
Share on other sites

Строку

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

 

?

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

-Нет.

-А он есть.

(к/ф "ДМБ")

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.