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

- visibility ٣٣ mode_comment

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

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

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

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

 

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

 

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

 

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

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

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

</script>
<script language="javascript" src="http://www.7Learn.com/js/jsAlbum1/jsRandomAlbum1.js"> </script>

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

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

photos_r[4]="ImageUrl"

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

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

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

 

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

 

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

comment دیدگاه کاربران
سعید

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

ilar

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

مصطفی

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

لقمان آوند

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

mnsb1360

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

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

لقمان آوند

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

دكتر امين

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

ممنون

لقمان آوند

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

اکبر

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

لقمان آوند

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

زهرا موجودي

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3