为什么不运行随机背景图像 [英] why not run random background image

问题描述

我的代码

为什么不运行随机背景图像

img1.css

Me code

why not run random background image

img1.css

body {
	background-image: url(image1.jpg);
	background-color:#4E0000;
	background-position: left top;
	background-repeat:no-repeat;
}

img2.css

img2.css

body {
	background-image: url(image2.jpg);
	background-color:#4E0000;
	background-position: left top;
	background-repeat:no-repeat;
}

img3.css

img3.css

body {
	background-image: url(image3.jpg);
	background-color:#4E0000;
	background-position: left top;
	background-repeat:no-repeat;
}

img4.css

img4.css

body {
	background-image: url(image4.jpg);
	background-color:#4E0000;
	background-position: left top;
	background-repeat:no-repeat;
}

img5.css

img5.css

body {
	background-image: url(image5.jpg);
	background-color:#4E0000;
	background-position: left top;
	background-repeat:no-repeat;
}

HTML

< link href ="img2.css" rel ="stylesheet" type ="text/css">
< link href ="img1.css" title ="img1" rel ="alternate stylesheet" type ="text/css">
< link href ="img3.css" title ="img3" rel ="alternate stylesheet" type ="text/css">
< link href ="img4.css" title ="img4" rel ="alternate stylesheet" type ="text/css">
< link href ="img5.css" title ="img5" rel ="alternate stylesheet" type ="text/css">
< link href ="img6.css" title ="img6" rel ="alternate stylesheet" type ="text/css">
< script type ="text/javascript" language ="javascript">

<！-

//手动"或随机"
var manual_or_random ="manual"
//每次"，仅会话"或"x天
var randomsetting ="1 days"(将x替换为所需的整数).仅在模式为随机的情况下适用.



函数getCookie(Name)
{
var re = new RegExp(Name +"= [^;] +"，"i");
//构造RE来搜索目标名称/值对
if(document.cookie.match(re))//如果找到cookie
返回document.cookie.match(re)[0] .split("=")[1]
//返回其值
返回null
}

函数setCookie(名称，值，天){
var expireDate =新的Date()
//将"expstring"设置为将来或过去的日期，以设置或删除
//分别为cookie
var expstring =(typeof days！="undefined")? expireDate.setDate(expireDate.getDate()+ parseInt(days)):expireDate.setDate(expireDate.getDate()-5)
document.cookie = name +"=" + value +; expires =" + expireDate.toGMTString()+; path =/";
}

函数deleteCookie(名称){
setCookie(name，"moot")
}


函数setStylesheet(title，randomize)
{
//主要的样式表切换器功能.第二个参数(如果已定义)导致
//要启用的随机备用样式表(不包括任何样式表)
var i，cacheobj，altsheets = ["]
for(i = 0;(cacheobj = document.getElementsByTagName("link")[i]); i ++){
if(cacheobj.getAttribute("rel").toLowerCase()==备用样式表"&& cacheobj.getAttribute("title"))
{
//如果这是标题为
的备用样式表 cacheobj.disabled = true
altsheets.push(cacheobj)
//将对alt样式表的引用存储在数组中
if(cacheobj.getAttribute("title")== title)
//启用标题与参数匹配的替代样式表
cacheobj.disabled = false
//启用选择的样式表
}
}
如果(typeof randomize！="undefined"){
//如果定义了第二个参数，则随机启用alt样式表(包括non)
var randomnumber = Math.floor(Math.random()* altsheets.length)
altsheets [randomnumber] .disabled = false
}
返回(typeof randomize！="undefined"&& altsheets [randomnumber]！=")? altsheets [randomnumber] .getAttribute("title"):"
//如果处于随机"模式，则返回随机启用的替代样式表的标题"
}

函数ChooseStyle(styletitle，days){
//用于切换样式表的界面函数，并保存
的"title" attr //选择样式表到cookie
如果(document.getElementById){
setStylesheet(styletitle)
setCookie("mysheet"，标题，天)
}
}

函数indicateSelected(element){
//可选功能，显示当前选择的样式表
//在单选按钮组或选择菜单中
if(selectedtitle！= null&&(element.type == undefined || element.type =="select-one")){
//如果元素是单选按钮或选择菜单
var element =(element.type =="select-one")吗? element.options:元素
for(var i = 0; i< element.length; i ++){
如果(element [i] .value == selectedtitle){
//如果在表单元素值和cookie值之间找到匹配项
如果(element [i] .tagName =="OPTION")
//如果这是一个选择菜单
element [i] .selected = true
其他
//否则为单选按钮
element [i] .checked = true
休息
}
}
}
}

如果(manual_or_random =="manual"){
//IF MANUAL MODE
var selectedtitle = getCookie("mysheet")
如果(document.getElementById&& selectedtitle！= null)
//如果存储了一个存储的样式表，则从cookie中加载用户选择的样式表
setStylesheet(selectedtitle)
}
否则，如果(manual_or_random =="random"){
//IF AUTO RANDOM MODE
如果(randomsetting =="eachtime")
setStylesheet("，随机")
否则，如果(randomsetting =="sessiononly"){
//如果为"sessiononly"设置
如果(getCookie("mysheet_s")== null)
//如果"mysheet_s"会话Cookie为空
document.cookie ="mysheet_s =" + setStylesheet("，"random")+; path =/"
//激活随机alt样式表，同时记住其"title"值
其他
setStylesheet(getCookie("mysheet_s"))
//只激活存储在cookie中的随机alt样式表
}
否则，如果(randomsetting.search(/^ [1-9] + days/i)！=-1){
//如果设置为"x天"
if(getCookie("mysheet_r")== null || parseInt(getCookie("mysheet_r_days"))！= parseInt(randomsetting)){
//如果"mysheet_r" Cookie
setCookie("mysheet_r"，setStylesheet("，"random")，parseInt(randomsetting))
//激活随机alt样式表，同时记住其"title"值
setCookie("mysheet_r_days"，randomsetting，parseInt(randomsetting))//还要记住每个"x days"变量要保留的天数
}
其他
setStylesheet(getCookie("mysheet_r"))
//只激活存储在cookie中的随机alt样式表
}
}

如果(document.images){
pic2 =新图片(1440,892);
pic2.src ="/templates/transparent_bliss_1.5/images/sunset.jpg";
}
->
</script>


< center>
< a href ="javascript:chooseStyle(" none，％2060)"已选中="checked">< img src ="thumb2.jpg" alt =背景图片2" class ="bgthumbs"边框="0"></a>
< a href ="javascript:chooseStyle(''img1''，％2060)">< img src ="thumb1.jpg" alt =背景图片1" class ="bgthumbs" border ="0"> ;</a>
< a href ="javascript:chooseStyle(''img3''，％2060)">< img src ="thumb3.jpg" alt =背景图片3" class ="bgthumbs" border ="0"> ;</a>
< a href ="javascript:chooseStyle(''img4''，％2060)">< img src ="thumb4.jpg" alt =背景图片4" class ="bgthumbs" border ="0"> ;</a>
< a href ="javascript:chooseStyle(''img5''，％2060)">< img src ="thumb5.jpg" alt =背景图片5" class ="bgthumbs" border ="0"> ;</a>
< a href ="javascript:chooseStyle(''img6''，％2060)">< img src ="thumb6.jpg" alt =背景图片6" class ="bgthumbs" border ="0"> ;</a>
</center>

</center>




随机背景无法自动运行

HTML

<link href="img2.css" rel="stylesheet" type="text/css">
<link href="img1.css" title="img1" rel="alternate stylesheet" type="text/css">
<link href="img3.css" title="img3" rel="alternate stylesheet" type="text/css">
<link href="img4.css" title="img4" rel="alternate stylesheet" type="text/css">
<link href="img5.css" title="img5" rel="alternate stylesheet" type="text/css">
<link href="img6.css" title="img6" rel="alternate stylesheet" type="text/css">
<script type="text/javascript" language="javascript">

<!--

//"manual" or "random"
var manual_or_random="manual"
//"eachtime", "sessiononly", or "x days
var randomsetting="1 days" (replace x with desired integer)". Only applicable if mode is random.



function getCookie(Name)
{
var re=new RegExp(Name+"=[^;]+", "i");
//construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1]
//return its value
return null
}

function setCookie(name, value, days) {
var expireDate = new Date()
//set "expstring" to either future or past date, to set or delete
//cookie, respectively
var expstring=(typeof days!="undefined")? expireDate.setDate(expireDate.getDate()+parseInt(days)) : expireDate.setDate(expireDate.getDate()-5)
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

function deleteCookie(name){
setCookie(name, "moot")
}


function setStylesheet(title, randomize)
{
//Main stylesheet switcher function. Second parameter if defined causes
//a random alternate stylesheet (including none) to be enabled
var i, cacheobj, altsheets=[""]
for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title"))
{
//if this is an alternate stylesheet with title
cacheobj.disabled = true
altsheets.push(cacheobj)
//store reference to alt stylesheets inside array
if(cacheobj.getAttribute("title") == title)
//enable alternate stylesheet with title that matches parameter
cacheobj.disabled = false
//enable chosen style sheet
}
}
if (typeof randomize!="undefined"){
//if second paramter is defined, randomly enable an alt style sheet (includes non)
var randomnumber=Math.floor(Math.random()*altsheets.length)
altsheets[randomnumber].disabled=false
}
return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : ""
//if in "random" mode, return "title" of randomly enabled alt stylesheet
}

function chooseStyle(styletitle, days){
//Interface function to switch style sheets plus save "title" attr of
//selected stylesheet to cookie
if (document.getElementById){
setStylesheet(styletitle)
setCookie("mysheet", styletitle, days)
}
}

function indicateSelected(element){
//Optional function that shows which style sheet is currently selected
//within group of radio buttons or select menu
if (selectedtitle!=null && (element.type==undefined || element.type=="select-one")){
//if element is a radio button or select menu
var element=(element.type=="select-one") ? element.options : element
for (var i=0; i<element.length; i++){
if (element[i].value==selectedtitle){
//if match found between form element value and cookie value
if (element[i].tagName=="OPTION")
//if this is a select menu
element[i].selected=true
else
//else if it''s a radio button
element[i].checked=true
break
}
}
}
}

if (manual_or_random=="manual"){
//IF MANUAL MODE
var selectedtitle=getCookie("mysheet")
if (document.getElementById && selectedtitle!=null)
//load user chosen style sheet from cookie if there is one stored
setStylesheet(selectedtitle)
}
else if (manual_or_random=="random"){
//IF AUTO RANDOM MODE
if (randomsetting=="eachtime")
setStylesheet("", "random")
else if (randomsetting=="sessiononly"){
//if "sessiononly" setting
if (getCookie("mysheet_s")==null)
//if "mysheet_s" session cookie is empty
document.cookie="mysheet_s="+setStylesheet("", "random")+"; path=/"
//activate random alt stylesheet while remembering its "title" value
else
setStylesheet(getCookie("mysheet_s"))
//just activate random alt stylesheet stored in cookie
}
else if (randomsetting.search(/^[1-9]+ days/i)!=-1){
//if "x days" setting
if (getCookie("mysheet_r")==null || parseInt(getCookie("mysheet_r_days"))!=parseInt(randomsetting)){
//if "mysheet_r" cookie
setCookie("mysheet_r", setStylesheet("", "random"), parseInt(randomsetting))
//activate random alt stylesheet while remembering its "title" value
setCookie("mysheet_r_days", randomsetting, parseInt(randomsetting)) //Also remember the number of days to persist per the "x days" variable
}
else
setStylesheet(getCookie("mysheet_r"))
//just activate random alt stylesheet stored in cookie
}
}

if (document.images) {
pic2= new Image(1440,892);
pic2.src="/templates/transparent_bliss_1.5/images/sunset.jpg";
}
-->
</script>


<center>
<a href="javascript:chooseStyle(''none'',%2060)" checked="checked"><img src="thumb2.jpg" alt="background image 2" class="bgthumbs" border="0"></a>
<a href="javascript:chooseStyle(''img1'',%2060)"><img src="thumb1.jpg" alt="background image 1" class="bgthumbs" border="0"></a>
<a href="javascript:chooseStyle(''img3'',%2060)"><img src="thumb3.jpg" alt="background image 3" class="bgthumbs" border="0"></a>
<a href="javascript:chooseStyle(''img4'',%2060)"><img src="thumb4.jpg" alt="background image 4" class="bgthumbs" border="0"></a>
<a href="javascript:chooseStyle(''img5'',%2060)"><img src="thumb5.jpg" alt="background image 5" class="bgthumbs" border="0"></a>
<a href="javascript:chooseStyle(''img6'',%2060)"><img src="thumb6.jpg" alt="background image 6" class="bgthumbs" border="0"></a>
</center>

</center>




Random background does not work automatically

推荐答案

嗯，这是什么问题?

如果是技巧或文章，那么您发布的位置错误！

Um, What was the question?

If it''s meant to be a tip or an article, you''ve posted in the wrong place!

抱歉，此代码仍无法正常工作

sorry this code is still not able to function

这篇关于为什么不运行随机背景图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！