متوجه شدم که مدتیه کد جاوااسکریپت براتون نگذاشتم .
به همین خاطر امروز اومدم و یه کد بسیاز زیبا و کاربردی رو براتون آوردم .
کد جاوا اسکریپت یک آلبوم تصاویر با نمایش اسلایدی که عکسهای اون رو خودتون میتونید انتخاب کنید .
آلبومی که در اون تصاویر با سایز کوچک نمایش داده میشود و با زدن دکمه next به تصویر بعدی میرید و با کلیک روی هر تصویر می تونید تصویر اصلی (بزرگتر) رو ببینید . ضمنا در این آلبوم تصاویر بعدی بدون اینکه شما متوجه باشید در پس زمینه لود میشن که باعث سرعت بخشیدن به نمایش تصاویر میشه .
دوست دارید چنین آلبومی رو با تصاویر دلخواه خودتون در سایت یا وبلاگتون داشته باشید ؟؟؟
پس برای دریافت کد و استفاده از این آلبوم در ادامه مطلب با ما باشید …
=> دریافت کد جاوااسکریپت آلبوم تصاویر۱ <=
و اما توضیحات مربوط به کد :
کد این آلبوم به شکل زیره :
photos[1]="http://www.7Learn.com/js/jsAlbum1/b.jpg"
photos[2]="http://www.7Learn.com/js/jsAlbum1/c.gif"
photos[3]="http://www.7Learn.com/js/jsAlbum1/d.jpg"
</script>
<script language="javascript" src="http://www.7Learn.com/js/jsAlbum1/jsAlbum1.js"></script>
:: در خطی که با رنگ قهوه ای مشخص کردم ، می تونید تیتر یا عنوان دلخواهی رو برای آبوم خودتون مشخص کنید . تیتر شما در این خط باید درون " " قرار داشته باشد .
:: در قسمتی هم که با رنگ آبی مشخص شده شما می تونید هر تعداد تصویر که بخواهید به آلبومتان اضافه کنید . مثلا در کد بالا ۴ تصویر (تصاویر شماره ۰ تا ۳) قرار دارند . برای افزودن تصویر جدید (تصویر پنجم) این خط رو بعد از چهار خط آبی رنگ اضافه می کنیم :
که ImageUrl آدرس تصویر جدید هست .
دقت کنید که هر تصویر جدیدی که بخواید اضافه کنید ، شمارش باید یکی (فقط یکی) بیشتر از شماره ی تصویر آخری در کد باشه . در غیر این صورت در نمایش تصاویر ممکنه اخلال بوجود بیاد . مثلا در کد بالا که شماره آخرین تصویر ۳ است (به رنگ سبز) ، شماره تصویر جدید ۴ میشه ، بعدی ۵ و بعدش ۶ و …
:: در صورت تغیر بقیه ی قسمت های کد ، آلبوم یا تصاویر آن نمایش داده نمیشود .
موفق و پیروز باشید .
منبع : 7لرن
