چه طور مي شه از بين چند تا عكس ، يك عكس رو به صورت تصادفي در صفحه قرار داد طوري كه هر دفعه كه سايت بالا مي ياد يه عكس رو نشون بده متشكرم
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 كپي مي كنم اولا اينكه درست كپي نمي شن بعدش هم اينكه تا حالا موفق نشدم هيچ عكسي رو به اين طريق نمايش بدم راهنمايي لازم دارم
:40: دوست عزیز من باز هم کدهایم را چک کردم!نقل قول:
اما هر دوی آنها درست کار می کنند !!!!
آیا شما آشنایی هرچند مختصری با جاوا اسکریپت دارید!!!:41:
در هر صورت اگر راهنمایی های قبلی من به دردتان نخورد... بهتر است عکسهای خود را با نام های pic1,pic2,pic3,.... البته با فرمت JPG در همان فولدری که کد را ذخیره کرده اید ذخیره کنید...!
:10:
:11: یادم رفت بگم که در این صورت نباید اصل کد را دست کاری کنید..
:40:
بابا یه کده ساده که اینقد درده سر نداره...
قبلا هم چندین بار مطرح شده و چندین کد هم معرفی شده
فقط با یه سرچ میشه ...
موفق باشید:12:
قربون دهنت !! بابا به خدا ما پیر شدیم تا این کدو توضیح بدیم!!!:18::18::18:نقل قول:
خيلي خيلي معذرت مي خوام كه شما رو به زحمت انداختم
مي دونم شما خيلي اينجا كار مي كنيد و وقتي با چنين موردي برخورد كنيد معلومه بايد همچين عكس العملي نشون بديد
مي خشيد
من خودم پي بدم كه اول بايد مدها رو تو ي نوت پدي چيزي كپي كرد بعد تو فرونت پيج برد
مشكل فقط همين بود كه كد ها درست توي فرونت پيج كپي نمي شد و من هم مانده بودم كه يا كدها خرابه يا بلد نيستم با هاش كار كنم
خوب ممنون از راهنماييهاتون اميدوارم كه
موفق باشيد
هه هه هه:20:نقل قول:
نه این مشکل برایه خیلی ها پیش میاد :46:
چون frontpage به قولی هوشمنده و style اولیه متن ها رو حفظ میکنه برایه همین style ها و دستوراته اضافی به متن اضافه میکنه در نتیجه ممکنه اون کد خراب بشه
بهترین و راحت ترین راه همین کاریه که شما کردید:10:
موفق باشی:12:
:40: امیدوارم از حرفی که زدم ناراحت نشده باشی!:11:نقل قول:
اون فقط یه شوخی بود! اساسا ما اومدیم اینجا تا همین مشکلا رو حل کنیم!
در ضمن Front Page من اصلا اون مشکل شمارو نداره! من که تاحالا باهاش مواجه نشدم!
:10:
اینا با جاوا اسکریپت هستند راهی نست که بشه با php این کار رو انجام داد؟
این هم کد php...
سه تا نمونه تصویر گذاشتم ، هر چند تا که خواستی میتونی اضافه کنی...
[php]
<?php
$imgs[] = 'image.png';
$imgs[] = '10.jpg';
$imgs[] = 'http://website.com/logo.gif';
$img = rand(0, count($imgs));
echo "<img src=\"$imgs[$img]\">";
?>
[/php]
دوستان اين کد رو توي PHP نوشتم که کار شما رو هم راحتتر ميکنه. فقط کافيه يه فولدر به نام RandomPictures کنار فايل PHP بسازين و هر چي عکس با هر نامي که دلتون خواست بريزين توش. اين کد خودش تمام اونا رو ميخونه و بينشون يکي رو بصورت رندوم انتخاب و نمايش ميده.
[php]
<?PHP
$arrSupportedPictureTypes = ARRAY("gif","png","jpeg","bmp","jpg");
$dirDirectory = OPENDIR("RandomPictures");
WHILE($fleFile = READDIR($dirDirectory))
{
IF(!IS_DIR($fleFile))
{
$FileInfo = PATHINFO("RandomPictures/$fleFile");
$strExtension = $FileInfo['extension'];
IF(IN_ARRAY($strExtension,$arrSupportedPictureType s))
$picPictures[] = $fleFile;
}
}
$intMaxKey = COUNT($picPictures)-1;
$intRanndomKey = RAND(0,$intMaxKey);
$RandomPicture = $picPictures[$intRanndomKey];
PRINT("<IMG Src=\"$RandomPicture\">");
?>
[/php]
اگه بخوایم تصویر به صورت اسلاید عوض بشه اون موقع باید په جوری کار کنیم . یعنی عکس پس از چند ثانیه عوض بشه دقیقا عین فلش ولی فلش نباشه و صفحه هم برای عوش شدن عکس رفرش نشه .
مثل این سایت ها:
[QUOTE ]www.bia2.com ------- [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] -----------[/QUOTE]
منظورتون اینه که به صورته fade یا slide و ... عوض شه
برایه این کار هم میشه از جاوا استفاده کرد و هم جاوااسکریپت
البته اگه 4-5 تا عکس بیشتر باشه حجمشون ممکنه زیاد بشه
باید حواستون به این مورد باشه
فلش کارو سادهتر کرده فقط
دوستان راهی رو می خواستم بهم یاد بدید یکه مثل همین p30world خودمون همینجور که عکس ها فروشگاه عوض میشن.این عکس ها لینک دار هستند یعنی نمی خوام فقط و تنها عکس ها تغییر پیدا کنند می خوام که دقیقا مثله اینجا عکس ها دارای لینک باشند
چه طور می تونم این کار رو انجام بدم؟
این کار یا باید با دیتابیس انجام بشه که حتما نیاز به یه زبان تحت سرور مثل Php داره و یا باید با فایل نوشته بشه که هم میتونه با جاوااسکریپت باشه و هم میتونه با همون زبان تحت سرور. البته بهتره از زبانهای تحت سرور استفاده کنین.