• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6253 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

17874 ۲۰ مهر ۸۹

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

یکی از دوستان هم درخواست داده بود که کد این آلبوم رو به شکلی تغیر بدم که تصاویر در هر بار نمایش صفحه به صورت تصادفی نمایش داده بشه و با زدن دکمه 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 و ...

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

 

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

 

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 33 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

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

  • ‏‏

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

  • ‏‏

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

    • ‏‏
      لقمان آوند(۱۶ اردیبهشت ۱۳۹۱)

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

  • ‏‏

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

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

    • ‏‏
      لقمان آوند(۱۷ اردیبهشت ۱۳۹۱)

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

  • ‏‏
    دکتر امین(۲۴ تیر ۱۳۹۱)

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

    ممنون

  • ‏‏

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

    • ‏‏
      لقمان آوند(۶ شهریور ۱۳۹۱)

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

  • ‏‏
    زهرا موجودی(۱۸ آذر ۱۳۹۱)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram