نمایش اتفاقی بکگراند

Jim Jim

Jim Jim

Well-Known Member
سلام دوستان
یه کدی هست که با هر بار وارد شدن به صفحه یه تصویر اتفاقی رو نمایش میده
حالا چطوری میشه بجای تصویر، یه تصویری که تو بکگراند هست رو به طور اتفاقی نمایش بده؟
درواقع کدرو برای بکگراند اعمال کنیم
 
peyman1987

peyman1987

Member
خوب بجاي اينکه آدرس عکس تصادفي رو داخل src مربوط به تگ img بزاري بزارش توي استايل background تگ body.

در ضمن زباني که کد باهاش نوشته شده رو هم بگو تا بهتر بشه کمک کرد.
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
برای نمایش اتفاقی عکس پس زمینه شما باید از جاوا اسکریپت استفاده نمایید:
HTML: 
  <HTML> <HEAD><TITLE></TITLE>
<SCRIPT LANGUAGE="Javascript"><!--
  function bkgrnd() {} ; bg = new bkgrnd () ; n = 0
   
  bg[n++] = "images/Image1.gif"
  bg[n++] = "images/Image2.gif"
  bg[n++] = "images/Image3.gif"
  bg[n++] = "images/Image4.gif"
  bg[n++] = "images/Image5.gif"
  //Just keep adding

  rnd = Math.floor(Math.random() * n) ; 

  tmp =  '<BODY BACKGROUND="' +bg[rnd]+ '"'
        +' BGCOLOR="#FFFFFF">' 

//--></SCRIPT></HEAD>
  
<SCRIPT LANGUAGE="Javascript"><!--
 document.write( tmp )
//--></SCRIPT>

روش دیگر
HTML: 
<script type="text/javascript">

/*Random Background Image-
By JavaScript Kit (www.javascriptkit.com)
More free JavaScripts here!
*/

var randombgs=["../clip/backgr4.jpg", "../clip/backgr17.jpg", "../clip/backgr13.jpg"]

document.body.style.background='white url('+Math.floor(Math.random()*randombgs.length)]+')')
</script>
 
Jim Jim

Jim Jim

Well-Known Member
این کد بکگراند کل صفحه رو تغییر میده
می خوام یه تیبل در صفحه قرار بدم و فقط بکگراند اون تیبل تغییر کنه
چطوری میشه؟
 
peyman1987

peyman1987

Member
خوب از اين استفاده کنين

کد: 
<table style='background: url('آدرس تصوير');'>

اگر هم ميخواين از کد echessdesign استفاده کنين اين خطش رو تغيير بدين.

HTML: 
document.getElementById('آي دي اون جدول').style.background='white url('+Math.floor(Math.random()*randombgs.length)]+')')

اينجا بايد به اون جدولتون يه ID بدين و اينجا همون ID رو بزارين.
 
peyman1987

peyman1987

Member
اينم کد اول ولي بنظرم کد دوم بهتره.

HTML: 
 <HTML> <HEAD><TITLE></TITLE>
<SCRIPT LANGUAGE="Javascript"><!--
  function bkgrnd() {} ; bg = new bkgrnd () ; n = 0
   
  bg[n++] = "images/Image1.gif"
  bg[n++] = "images/Image2.gif"
  bg[n++] = "images/Image3.gif"
  bg[n++] = "images/Image4.gif"
  bg[n++] = "images/Image5.gif"
  //Just keep adding

  rnd = Math.floor(Math.random() * n) ; 

  tmp =  '<table BACKGROUND="' +bg[rnd]+ '"'
        +' BGCOLOR="#FFFFFF"></table' 

//--></SCRIPT></HEAD>
  
<SCRIPT LANGUAGE="Javascript"><!--
 document.write( tmp )
//--></SCRIPT>
 
Jim Jim

Jim Jim

Well-Known Member
توی کد اول تغییر بکگراند که جاوا بود، کجا باید id بدیم؟
به چه صورت میشه؟
نیاز به style داره؟
 
peyman1987

peyman1987

Member
دوست عزيز ديگه نيازي به ادامه بحث نميبينم.

سه تا کد برات گذاشته شده با يه مثال ديگه فکر نميکنم نکته اي مونده باشه.

يه بحث کوچيک رو که اينقدر کشش نميدن.
 
mohsen_r

mohsen_r

Member
echessdesign گفت:
درود بر شما
برای نمایش اتفاقی عکس پس زمینه شما باید از جاوا اسکریپت استفاده نمایید:
HTML: 
  <HTML> <HEAD><TITLE></TITLE>
<SCRIPT LANGUAGE="Javascript"><!--
  function bkgrnd() {} ; bg = new bkgrnd () ; n = 0
   
  bg[n++] = "images/Image1.gif"
  bg[n++] = "images/Image2.gif"
  bg[n++] = "images/Image3.gif"
  bg[n++] = "images/Image4.gif"
  bg[n++] = "images/Image5.gif"
  //Just keep adding

  rnd = Math.floor(Math.random() * n) ; 

  tmp =  '<BODY BACKGROUND="' +bg[rnd]+ '"'
        +' BGCOLOR="#FFFFFF">' 

//--></SCRIPT></HEAD>
  
<SCRIPT LANGUAGE="Javascript"><!--
 document.write( tmp )
//--></SCRIPT>
روش دیگر
HTML: 
<script type="text/javascript">

/*Random Background Image-
By JavaScript Kit (www.javascriptkit.com)
More free JavaScripts here!
*/

var randombgs=["../clip/backgr4.jpg", "../clip/backgr17.jpg", "../clip/backgr13.jpg"]

document.body.style.background='white url('+Math.floor(Math.random()*randombgs.length)]+')')
</script>
کلیک کنید تا باز شود...

با سلام و احترام
==============
حالا کدومش بهتر کار میده ...؟!
==============
با تشکر
 
shnoit

shnoit

Well-Known Member
آقا peyman1987 که گفتن دومی بهتره!
اما من از اولی خیلی خوشم اومد.
انتخاب با خودته.:)
 
Jim Jim

Jim Jim

Well-Known Member
کد دومی که عمل نمی کنه (نمی دونم تست کردی یا نه)
کد اولی هم متوجه نشدم کجا آی دی بدم
خب تو تیبل مشخصه
ولی توی کد، چطور اون تیبل رو بگیرم
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
بدون شرح:
دو کد تغییر اتفاقی پس زمینه عکس داخل جدول:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 5</title>
<script language="JavaScript" type="text/JavaScript">
var backgroundImages=new Array(5);
backgroundImages[0]="background1.gif";
backgroundImages[1]="background2.gif";
backgroundImages[2]="background3.gif";
backgroundImages[3]="background4.gif";
backgroundImages[4]="background5.gif";

onload=function(){
var e=(document.getElementById)?document.getElementById("myTableId"):(document.all)?document.all.myTableId:(document.layers)?document.myTableId:null;
if(!e)return true;
e.style.backgroundImage="url("+backgroundImages[Math.floor(Math.random()*backgroundImages.length)]+")";
}</script>
</head>

<body>

<table id="myTableId" width="700" height="400" border="0" cellpadding="0" cellspacing="0">&nbsp;
</table>
</body>

</html>



HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 5</title>
<script>

<!---Copyright John Baldock - http://website.lineone.net/~jbonno--->

function randomcolour()
{
colour_array = new Array();
colour_array[0] = 'RED';
colour_array[1] = 'BLUE';
colour_array[2] = 'GREEN';
colour_array[3] = 'YELLOW';

<!--- THE ABOVE ARRAY CAN BE ANY LENGTH AND CAN USE HEX VALUES INSTEAD OF COLOUR NAMES --->

count = colour_array.length;
random = Math.floor(Math.random() * count);

document.getElementById('maintable').style.background = colour_array[random];
}
onload=randomcolour;
</script></head>

<body>

<table id="maintable">
<!--- TABLE DATA --->
</table></body>

</html>
 
Jim Jim

Jim Jim

Well-Known Member
ممنون کد اول خوب بود
این کد رو فقط در یک جدول میشه اعمال کرد
اگر توی صفحه چند تا جدول داشته باشیم، چطور میتونیم برای همشون از این کد استفاده کنیم؟
 
shnoit

shnoit

Well-Known Member
اون وقت کافیه در هر کدوم از جدولها
HTML: 
id="maintable"
را قرار دهید.
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا