تخفیف ویژه

کد جاوااسکریپت آلبوم تصاویر تصادفی

دسته بندی: جاوا اسکریپت
زمان مطالعه: 2 دقیقه
۲۰ مهر ۱۳۸۹

کد جاوا اسکریپت آلبوم تصاویر با نمایش ترتیبی و اسلایدی رو قبلا براتون گذاشته بودم که می‌تونید اونرو از اینجا دریافت کنید .

یکی از دوستان هم درخواست داده بود که کد این آلبوم رو به شکلی تغیر بدم که تصاویر در هر بار نمایش صفحه به صورت تصادفی نمایش داده بشه و با زدن دکمه Next هم یه عکس تصادفی از عکسهایی که آدرسشون رو توی کد گذاشتید به نمایش در بیاد .

من کد قبلی رو تغیر دادم و ورژن جدیدی از اون رو اینجا گذاشتم که عکس‌ها رو به شکل تصادفی و random نمایش میده .

:: نمایش نمونه ی این آلبوم رو می‌تونید در زیر ببینید . اگر صفحه رو رفرش کنید متوجه میشید که عکس نمایش داده شده به صورت تصادفی هست :

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

 

=> دریافت کد جاوااسکریپت آلبوم تصاویر تصادفی  <=

و اما توضیحات مربوط به کد :

کد این آلبوم به شکل زیره :

<script language="JavaScript"> albumTitle="آلبوم تصاویر" photos_r=new Array() photos_r[0]="https://7learn.com/js/jsAlbum1/a.jpg" photos_r[1]="https://7learn.com/js/jsAlbum1/b.jpg" photos_r[2]="https://7learn.com/js/jsAlbum1/c.gif" photos_r[3]="https://7learn.com/js/jsAlbum1/d.jpg" </script> <script language="javascript" src="https://7learn.com/js/jsAlbum1/jsRandomAlbum1.js"> </script>

:: در خطی که با رنگ قهوه ای مشخص کردم ، می‌تونید تیتر یا عنوان دلخواهی رو برای آلبوم خودتون مشخص کنید . تیتر شما در این خط باید درون " " قرار داشته باشد .

:: در قسمتی هم که با رنگ آبی مشخص شده شما می‌تونید هر تعداد تصویر که بخواهید به آلبومتان اضافه کنید . مثلا در کد بالا 4 تصویر (تصاویر شماره 0 تا 3) قرار دارند . برای افزودن تصویر جدید (تصویر پنجم) این خط رو بعد از چهار خط آبی رنگ اضافه می‌کنیم :

photos_r[4]="ImageUrl"

که  ImageUrl آدرس تصویر جدید هست .

دقت کنید که هر تصویر جدیدی که بخواید اضافه کنید ، شمارش باید یکی (فقط یکی) بیشتر از شماره ی تصویر آخری در کد باشه . در غیر این صورت در نمایش تصاویر ممکنه اخلال بوجود بیاد . مثلا در کد بالا که شماره آخرین تصویر 3 است (به رنگ سبز) ، شماره تصویر جدید 4 میشه ، بعدی 5 و بعدش 6 و ...

:: در صورت تغیر بقیه ی قسمت‌های کد ،  آلبوم یا تصاویر آن نمایش داده نمیشود .

 

=> دریافت کد جاوااسکریپت آلبوم تصاویر تصادفی  <=

 

موفق و پیروز باشید .

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

زهرا موجودي

سلام
خسته نباشيد.خوشحالم كه اتفاقي با سايت شما برخورد كردم . علاقمندم كه در زمينه طراحي سايت و وبلاگ نويسي راهنمائيم كنيد .
بسيار ممنون مي شوم اگر با من همكاري داشته باشيد .

اکبر

چه کنیم عکسها در همان نمایش اول بزرگتر دیده شود؟

لقمان آوند

سلام
فعلا این آلبوم تک سایزه و نمیشه کاریش کرد . ایشالله ورژن های بعدی قابلیت تغیر سایز رو هم خواهند داشت .

دكتر امين

سلام
خسته نباشيد
چطور من ميتونم يه كاري كنم كه بدون رفرش شدن صفحه ، دائما يه سري اطلاعات از ديتا بيس گرفته بشه؟

ممنون

لقمان آوند

در مورد Ajax بخون .

mnsb1360

سلام یک سوال دیگه
در هر بار رفرش صفحه می خوام که ار تصاویر تعریف شده
یکی را رندم انتخاب کند امکانش هست

2 بهتر از این ادرس چند تا تصویر در گالری تصاویر براش تعریف کنم که خودش به طور تصادفی از انها انتخاب کند
http://www.azghand.com/gallery/index.php
اینم ادرس گالری
میشه که اون عکس تصدفی را در سایتم به نمایش در بیارم

لقمان آوند

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

مصطفی

با سلام
اگر بخواهیم 100 عکس در نظر بگیریم
لود صفحه با مشکل مواجه نمیشه

لقمان آوند

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

ilar

سلام ممنون از مطالب زیبایتان.لطفا به وبلاگ ما هم سر بزنید.andisheyebonyan.persianblog.ir

سعید

سلام.آقا هزار تا مرسی.دستت درس

محمد

خیلی ممنون از لطفتون (حال دادید)

سارا

salam
merC az code besyar khoob va ghashangetoon man ye soal daram mishe andazeye un ro taghir dad? yani masalan 600*600 bashe?

لقمان آوند

لقمان آوند : سلام دوست عزیز
فعلا نمیشه اندازه ی این کد رو تغیر داد . شاید بعدا ورژن جدیدشو با قابلیت تغیر اندازه گذاشتم .

عی رضا

با سلام و تشکر از آموزش خوبتان من چند وقتی که طراحی سایت را شروع کردم و آموزش ها تون هم خیلی بدردم می خوره
من می خواستم یک سایت خوب ر وبرای آموزش معرفی کنم که دوستان هم استفاده کنند سایت WWW.lynda-shop.com توی این سایت بسته های آموزشی طراحی سایت است که آموزش ها ش خیلی کامل هست من خریدم واقعا ارزش داره از کلاس رفتن هم بهتر حتما بیبیندی

www.lynda-shop.com

آموزش html &css
آموزش javascript
و …

Joe

یه سوال فنی داشتم !
چطوری میتونم پستهای وبلاگمو به سایتم منتقل کنم
فایل بک آپ بلاگفا رو از وبلاگم دارم

محسن

سلام جناب فیضیان
در مورد تبادل لینک برای شما نظر گذاشته بودم – روی سایت من لینک سایت متر بود ولی دقت نکرده بودید – لینک سایت متر که خیلی دقیق آمار میده رو میتونی هم از رو سایت هم از لینک زیر مشاهده کنید
http://www.sitemeter.com/?a=stats&s=s411821274&r=6

www.psdha.ir
منتظر پاسخ شما هستم

لقمان آوند : سلام دوست عزیز
با عرض معذرت بنا به دلایل خاصی فعلا تا اطلاع ثانوی هیچ تبادل لینکی انجام نمیشه .
بعدا اعلام میشه …

حمید

سلام خسته نباشید
ممنون از زحمات
یه سوال
کدی وجود داره که تو مییهن بلاگ که مثل سایت شما فرم نظر دهی داشته باشه و ارسال نظر تو ادامه مطلب باشه مثل همینی که من الان توش نظرم رو مینویسم
با تشکر

لقمان آوند : سلام
نه دوست عزیز . چنین کدی رو مدیران این سایت اجازه ندادند که باشه و نظرات در صفحه ای جداگاه باز میشه !
معمولا اکثر سایت های سرویسدهی وبلاگ در ایران چنین امکانی رو به مشترکشون نمیدن !

محمد

سلام استاد فكر نميكردم به وبم بيايد ولي اومدين ممنون كه به منم سر زدين به هر حال مال خودتونه دوست داشتين بازم به ما سر بزنيد
http://www.disvidaniya2.blogfa.com

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :