ورود

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



DaRiOuShJh
24-07-2008, 19:57
عنوان:

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

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


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


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

توضیحات:

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

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

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

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

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

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

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

1.

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


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

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

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

fadeimages و fadeimages2

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

راهنما:

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

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

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

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

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

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

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

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

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

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


DARIO[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

h13
27-02-2010, 07:14
عالی بود. اگر از این دست آموزش ها دارید بازم بزارید. ممنون

DaRiOuShJh
27-02-2010, 13:59
ممنون برادر
آمکوزش های این قبیل هستند تو همین انجمن
اگر لینک هاشون مشکل یدا کردن میتونید از اینجا هم استفاده کنید:


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

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

soccerwave
14-09-2011, 22:48
من اینو خوندم ولی درست متوجه نشدم....
میخوام توی ویبلوتین ازش استفاده کنم.