2012-05-15 2 views
2

Привет мне было интересно, есть ли код или запрос, который позволяет мой фон менять при каждом обновлении, а также цвет фона с фоном, аКак обновить фон при обновлении?

Посмотрите на этом сайте http://www.youngblackstarz.org

Уведомление что при каждом обновлении фон меняется, а координаты фона тоже с ним.

Как это может помочь мне понять это?

Благодарю вас заранее.

ответ

2

демо: http://demos.9lessons.info/bgchange/index.html

bgimages - 1.jpg - 2.jpg - 3.jpg

<script type="text/javascript"> 
var totalCount = 8; 
function ChangeIt() 
{ 
var num = Math.ceil(Math.random() * totalCount); 
document.body.background = 'bgimages/'+num+'.jpg'; 
document.body.style.backgroundRepeat = "repeat";// Background repeat 
} 
</script> 
</head> 
<body> 
// Page Design 
</body> 
<script type="text/javascript"> 
ChangeIt(); 
</script> 
0

Вы можете сделать что-то вроде этого с помощью Javascript

<script type="text/javascript"> 

    function changeBackground() { 



    var new_date = new Date(); 
    var no_of_imgs = 7; 
    var no_of_second = new_date.getSeconds(); 
    var bal_no = no_of_second % no_of_imgs; 
var bg_img =""; 

    if (bal_no == 0) 
{ 

    bg_img ='<div class="template_row bg_img_a" id="main_content_pane">'; 
    } 
    if (bal_no == 01) 
{ 

    bg_img ='<div class="template_row bg_img_e" id="main_content_pane">';  

    } 
    if (bal_no == 02) 
{  

    bg_img ='<div class="template_row bg_img_g" id="main_content_pane">'; 
    }  

if (bal_no == 03) 
{ 

    bg_img ='<div class="template_row bg_img_d" id="main_content_pane">'; 

    } 

if (bal_no == 04) 
{  

    bg_img ='<div class="template_row bg_img_b" id="main_content_pane">'; 

    } 

if (bal_no == 05) 
{  
    bg_img ='<div class="template_row bg_img_f" id="main_content_pane">'; 

    } 

if (bal_no == 06) 
{ 

    bg_img ='<div class="template_row bg_img_c" id="main_content_pane">';  

    } 

//Print the relevant Div here 
document.write(bg_img); 
    } 

    $(document).ready(function() 
    { 
     changeBackground(); 
    }); 

    </script> 
0

Может быть, это поможет:

$(document).ready(function() { 

var totalCount = 2; 

    var num = Math.ceil(Math.random() * totalCount); 
    document.body.background = 'assets/background-'+num+'.jpg'; 
    }); 

Я прибрала код немного. Счет составляет 2 минуты.

Файл будет идти в http://www.yoursite.com/assets/background-1.jpg

Загрузить каждое изображение и увеличить количество и TOTALCOUNT на сколько вы хотите.

Для Wordpress изменения «активы» в «WP-содержание/добавлении/уу/мм/имени-NUMBER.jpg»

Надеется, что это помогает

Смежные вопросы