آموزش 04: Ultimate Fade-in slideshow - جاوااسکریپت (متوسط) ?!؟

[DaRiOuShJh]

عنوان:

آموزش 04: Ultimate Fade-in slideshow (v1.51) - جاوااسکریپت (متوسط) ?!؟

نمونه و صفحه ی اصلی آموزش به زبان انگلیسی:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

مرورگرهایی که با نمایش این اسکریپت مشکلی ندارند:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

توضیحات:

خیلی از دوستان در مورده کده گوشه ی وبلاگم برای "آخرین طرح ها" سوال کرده بودند و قول داده بودم آموزشش رو بزارم

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اینم مشابه همون کده

از ویژگی ها ی این کد که از سایر کدها در این زمینه متمایزش میکنه میشه به اینها اشاره کرد:

1. داری قابلیت fade
2. تعداد لینک های دلخواه برای عکسها
3. پشتیبانی از قابلیت target
4. قابلیته نمایشه تصادفی عکسها*
5. قابلیت on mouse over stop!

اگر دنباله چنین کدی هستید این بهترین انتخابتونه!

پیشنهاد: بهتره که همه ی عکس ها رو resize کنید تا هم اندازه باشن و در انتها کاره جالب تری داشته باشید

کدها و مراحله کار:

1.

ابتدا این کد رو در قسمت head صفحتون کپی میکنید! فراموش نکنید که آدرس های خوده عکسها، لینکها، و target هاشون رو تنظیم کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

2.

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

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

توجه: در این کدها دو گروه اسلاید شو مثال زده شده

fadeimages و fadeimages2

اگر در قسمته اول، به دومی نیازی نداشتید از دو قسمت حدف کنیدش

راهنما:

کدهایی که در قسمته دوم داده شده از این فرم کلی تبعیت میکنند:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

IMAGES_ARRAY_NAME نامه گروه عکسهایی هست که در قسمته اول تعریف کردیم باری مثال fadeimages

slideshow_width طول اسلاید شو بر حسبه pixels

slideshow_height عرض (ارتفاع) اسلاید شو بر حسبه pixels

borderwidth قطر حاشیه های اطراف اسلاید شو

delay بازه ی زمانی ای که بینه نمایشه عکسها فاصله داشته باشیم در میلی ثانیه مثلا: 3000 یعنی 3 ثانیه

pause در صورته mouseover توقف داشته باشیم یا خیر 1 یا 0

optionalRandomOrder نمایشه تصادفی داشته باشیم یا نه!

اگر بازم به توضیحات احتیاج داشتید همینجا دقیق بگید...

موفق و موید باشید
داریوش

DARIOUSHJH

[h13]

عالی بود. اگر از این دست آموزش ها دارید بازم بزارید. ممنون

[DaRiOuShJh]

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

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

البته این کدها یه مقدار out of date شدن و با jquerry و ... راحت تر میشه این کارها رو کرد ولی در هر صورت کار راه اندازن

[soccerwave]

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