چه طور مي شه از بين چند تا عكس ، يك عكس رو به صورت تصادفي در صفحه قرار داد طوري كه هر دفعه كه سايت بالا مي ياد يه عكس رو نشون بده متشكرم
Printable View
چه طور مي شه از بين چند تا عكس ، يك عكس رو به صورت تصادفي در صفحه قرار داد طوري كه هر دفعه كه سايت بالا مي ياد يه عكس رو نشون بده متشكرم
کد:http://www.hypergurl.com/randomimage.html
این کد و خودم نوشتم!
امیدوارم به دردت بخوره!
[html]
<html>
<head>
<title>Random Picture</title>
<script>
function RandomPic(){
var ima=new Array(10);
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
ima[7]="pic7.jpg";
ima[8]="pic8.jpg";
ima[9]="pic9.jpg";
var a=Math.floor(Math.random()*9)+1;
var b=ima[a];
document.images[0].src=b;
}
</script>
</head>
<body onload="RandomPic()">
<center><img src="pic0.jpg"></center>
</body>
</html>
[/html]
این درسته اما سنگین نیست؟ راههای بهتری است مثل Select فلدر pic بد تابع rndنقل قول:
دقیقا متوجه منظورت نشدم واضح تر توضیح بدهنقل قول:
ببخشيد من زياد سر در نمي يارم
اين كد ها هم كه زديد يا اشكال دارن يا اين كه من نمي دونم چطوري ازشون استفاده كنم
لطفا كمي توضيح بدهيد
نقل قول:دوست عزیز آقا نوید گل منظورم رو اینجوری برسونم که کدی که شما گفتی درست هست ولی راهای بهتری هم وجود دارهنقل قول:
2.این دوستمون که سوال کرده باید بگم که شما می خوای عکس هات از کجا خوانده بشه database یا directory این بگی من کد رو برات می زارم .:20::10:
گر صبر کنی ز غوره حلوا سازی!:46: دوستان احتمالا یک هفته برم مرخصی!!:5:نقل قول:
واما جواب شما دوست عزیز
دقت کنید که کد زیر تنها یک کد پیش فرض است و باید آن را متناسب با عکسهای خود تغییر دهید.
[html]
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
ima[7]="pic7.jpg";
ima[8]="pic8.jpg";
ima[9]="pic9.jpg";
[html/]
اما چگونه؟
فرض می کنیم شما عکسهایی با عناوین مختلف دارید (با فرمت JPG)
مانند: derakht.jpg / jangal.jpg / gol.jpg و....
حالا دو حالت پیش می آید:
1) شما می خواهید اسکریپت را تنها در کامپیوتر خود اجرا کنید:
در این صورت حتما(تاکید می کنم حتما!) تمامی عکس های خود را در همان فولدری که کد HTML را ذخیره کرده اید ذخیره کنید و کد بالا را اینگونه تغییر دهید:
[html]
ima[1]="derakht.jpg";
ima[2]="jangal.jpg";
ima[3]="gol.jpg";
.....
[html/]
2) شما می خواهید اسکریپت (یا همان کد HTML) را در وبلاگ خود بگذارید ( یا هر جای دیگری در اینترنت!)
در این صورت شما باید عکس های خود را در یک سایت سرویس دهنده آپلود کرده باشید.
تنها کافی است آدرس لینک عکس را به جای حالت پیش فرض بگذارید.
فر ض می کنیم شما با آی دی MyName در geocities عضو هستید و تمامی عکسهای بالا را در انجا آپلود کرده اید. بنابراین لینک نمونه ای از عکسها به این صورت می باشد:
[html]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[html/]
پس شما باید کد را این چنین تغیر دهید.
[html]
ima[1]=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ";
ima[2]=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ";
ima[3]=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ";
.....
[html/]
نکته مهم : بهتر است تمامی عکس های شما در یک اندازه باشند تا نتیجه مطلوب تری به دست آورید.
کد تصویر تصادفی(هر بار که صفحه لود می شود یک تصویر به طور تصادفی نمایش داده می شود)
ممکن است به طور کاملا تصادفی یک تصویر 3 بار پشت سر هم نمایش داده شود!!!!
[html]
<html>
<head>
<title>Random Picture</title>
<script>
function RandomPic(){
var ima=new Array(10);
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
ima[7]="pic7.jpg";
ima[8]="pic8.jpg";
ima[9]="pic9.jpg";
var a=Math.floor(Math.random()*9)+1;
var b=ima[a];
document.images[0].src=b;
}
</script>
</head>
<body onload="RandomPic()">
<center><img src="pic0.jpg"></center>
</body>
<!-- written By Navid Hosseini -->
</html>
[html/]
کد تصویر روزانه( در هر روز از هفته یک تصویر خاص نمایش می دهد)
[html]
<html>
<head>
<title>Daily Picture</title>
<script>
function DailyPic(){
var ima=new Array(7);
ima[0]="pic0.jpg";
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
// 7 elements as 7 days in a week
var a=new Date();
var b=a.getDay();
var c=ima[b];
document.images[0].src=c;
}
</script>
</head>
<body onload="RandomPic()">
<center><img src="pic0.jpg"></center>
</body>
<!-- written By Navid Hosseini -->
</html>
[html/]
بزودی کد اسلاید شو تصاویر را خواهم گذاشت!(مناسب برای وبلاگ و کاملا ساده)
موفق باشید!
پست قبلی direction مشکل دارد . ویرایش می کنم!!!ببخشید...
گر صبر کنی ز غوره حلوا سازی! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] دوستان احتمالا یک هفته برم مرخصی!! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
واما جواب شما دوست عزیز
دقت کنید که کد زیر تنها یک کد پیش فرض است و باید آن را متناسب با عکسهای خود تغییر دهید.
[html]
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
ima[7]="pic7.jpg";
ima[8]="pic8.jpg";
ima[9]="pic9.jpg";
[/html]
اما چگونه؟
فرض می کنیم شما عکسهایی با عناوین مختلف دارید (با فرمت JPG)
مانند: derakht.jpg / jangal.jpg / gol.jpg و....
حالا دو حالت پیش می آید:
1) شما می خواهید اسکریپت را تنها در کامپیوتر خود اجرا کنید:
در این صورت حتما(تاکید می کنم حتما!) تمامی عکس های خود را در همان فولدری که کد HTML را ذخیره کرده اید ذخیره کنید و کد بالا را اینگونه تغییر دهید:
[html]
ima[1]="derakht.jpg";
ima[2]="jangal.jpg";
ima[3]="gol.jpg";
.....
[/html]
2) شما می خواهید اسکریپت (یا همان کد HTML) را در وبلاگ خود بگذارید ( یا هر جای دیگری در اینترنت!)
در این صورت شما باید عکس های خود را در یک سایت سرویس دهنده آپلود کرده باشید.
تنها کافی است آدرس لینک عکس را به جای حالت پیش فرض بگذارید.
فر ض می کنیم شما با آی دی MyName در geocities عضو هستید و تمامی عکسهای بالا را در انجا آپلود کرده اید. بنابراین لینک نمونه ای از عکسها به این صورت می باشد:
[html]
http://www.geocities.com/myname/jangal.jpg
[/html]
پس شما باید کد را این چنین تغیر دهید.
[html]
ima[1]=http://www.geocities.com/myname/derakht.jpg;
ima[2]="http://www.geocities.com/myname/jangal.jpg";
ima[3]=http://www.geocities.com/myname/gol.jpg;
.....
[/html]
نکته مهم : بهتر است تمامی عکس های شما در یک اندازه باشند تا نتیجه مطلوب تری به دست آورید.
کد تصویر تصادفی(هر بار که صفحه لود می شود یک تصویر به طور تصادفی نمایش داده می شود)
ممکن است به طور کاملا تصادفی یک تصویر 3 بار پشت سر هم نمایش داده شود!!!!
[html]
<html>
<head>
<title>Random Picture</title>
<script>
function RandomPic(){
var ima=new Array(10);
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
ima[7]="pic7.jpg";
ima[8]="pic8.jpg";
ima[9]="pic9.jpg";
var a=Math.floor(Math.random()*9)+1;
var b=ima[a];
document.images[0].src=b;
}
</script>
</head>
<body onload="RandomPic()">
<center><img src="pic0.jpg"></center>
</body>
<!-- written By Navid Hosseini -->
</html>
[/html]
کد تصویر روزانه( در هر روز از هفته یک تصویر خاص نمایش می دهد)
[html]
<html>
<head>
<title>Daily Picture</title>
<script>
function DailyPic(){
var ima=new Array(7);
ima[0]="pic0.jpg";
ima[1]="pic1.jpg";
ima[2]="pic2.jpg";
ima[3]="pic3.jpg";
ima[4]="pic4.jpg";
ima[5]="pic5.jpg";
ima[6]="pic6.jpg";
// 7 elements as 7 days in a week
var a=new Date();
var b=a.getDay();
var c=ima[b];
document.images[0].src=c;
}
</script>
</head>
<body onload="RandomPic()">
<center><img src="pic0.jpg"></center>
</body>
<!-- written By Navid Hosseini -->
</html>
[/html]
بزودی کد اسلاید شو تصاویر را خواهم گذاشت!(مناسب برای وبلاگ و کاملا ساده)
موفق باشید!
نمي دونم چرا كار نمي كنه و هنگام اجراي صفحه eror مي ده
وقتي كدها رو تو front page كپي مي كنم اولا اينكه درست كپي نمي شن بعدش هم اينكه تا حالا موفق نشدم هيچ عكسي رو به اين طريق نمايش بدم راهنمايي لازم دارم