باز شدن عكسهاي صفحه بصورت رندوم .

marjan1982

New Member
من یه صفحه دارم که از 4 قسمت تشکیل شده header وpic و body و footer .

گرافیک این صفحه با 4 رنگ مختلف طراحی شده که طبق هر رنگ چند عکس مطابق با رنگ آمیزی تمپلت قرار داده شده (در قسمت pic ).
من می خوام با هربار باز شدن(refresh) صفحه یه تمپلت مثلا به رنگ قرمز با یه image مربوط به آن باز باشه (یعنی بصورت رندوم ).
می خوام این کار رو با جاوا اسکریپت و سی اس اس انجام بده . کسی می تونه من رو راهنمایی کنه ؟
اگه خوب توضيح ندادم ببخشيد . بگيد تا دوباره بگم .
 

پیوست ها

  • pic.jpg
    pic.jpg
    7.4 کیلوبایت · بازدیدها: 2

bamshad

Well-Known Member
کد:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = 'images/1.gif'
theImages[1] = 'images/2.gif'
theImages[2] = 'images/3.gif'
theImages[3] = 'images/4.gif'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
showImage();
// End -->
</script>

در قسمت
کد:
theImages[0] = 'images/1.gif'
theImages[1] = 'images/2.gif'
theImages[2] = 'images/3.gif'
theImages[3] = 'images/4.gif'
باید آدرس تصویر تون رو بزارید
 

marjan1982

New Member
می دونید حالا می خوام چی کار کنم می خوام آدرس دهی کنم که از توی یه فولدر عکسهام رو بخونه .

یعنی هر بار بطور تصادفی یه شماره عکس از فولدر خاص رو بخونه .

می خوام این فولدر به تعداد دلخواه پر بشه و خود برنامه بصورت داینامیک عکسا رو بخونه و نمایش بده ، نه اینکه من بیام آدرس عکسها رو بطور دستی توی برنامه وارد کنم .

چه جوری از توی یه آرایه ای که پرش نکردم بخونم ؟
 
آخرین ویرایش:

bamshad

Well-Known Member
من در مورد این چیزی که شما میگی اطلاعات ندارم ولی می تونم بهت کمک کنم
شما به برنامه تعریف کن که چند تا عکس در فولدرت وجود داره مثلا 24
بعد نام تصاویرت رو از 1 تا 24 بگذار و در قسمت
کد:
theImages[0] = 'images/folder'
از رندوم استفاده کن
شاید هم نشه ولی من در فلش از همین کار استفاده می کردم
 
js نمی تونه فایلها را را برای شما لیست کنه بهتره فایل هاتون را از مثلا 1 تا 50 نامگذاری کنید و یک عدد از 1 تا 50 را به صورت اتفاقی ایجاد و نام فایل مربوط به اون را که مثلا img5.gif است رو در src داخل تگ img قرار بدی.
 

marjan1982

New Member
مرسی بامشاد خان درست شد .
من توی آدرس دهیم / آخرش رو نمی گذاشتم .برای همین عکسا رو باز نمی کرد و گیجم کرده بود . (;
 

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

بالا