آموزش جامع عملگر Actions در ورژن اسلایدر 6 رولوشن

تو این آموزش قصد داریم تنظیمات عملگر Actions در ورژن 6 اسلایدر رولوشن رو با هم بررسی کنیم.

عملگر Actions در افزونه اسلایدر رولوشن به شما امکاناتی مثل اضافه کردن لینک، اضافه کردن یک دکمه اسکرول زیر اسلایدر، پرش به اسلایدرهای قبلی، توقف اسلایدر، ایجاد یک مدیا مثل فیلم یا Voice و ایجاد خواص ویژه برای آن و… رو میده.

تنظیمات عملگر Actions در افزونه اسلایدر رولوشن

برای اضافه کردن یک Action لایه مورد نظرتون رو انتخاب کنید و سپس مثل تصویر زیر، از ویرایشگر اسلایدر رولوشن و زیر بخش Layer Options بر روی Actions کلیک کنید.

اگه لایه شما پیش از این هیچ Action خاصی نداشته باشه، منویی که در تصویر زیر می بینید به شما نشون داده میشه تا یک Action اضافه کنید.

وقتی یک Action به لایه اضافه کنید، تنظیمات این Action به شما مطابق با تصویر زیر نمایش داده میشود.

لایه ها می توانند چندین Action داشته باشند، مطابق تصویر زیر بر روی Add Action کلیک کنید تا Action های بیشتری داشته باشید.

حالا با کلیک بر روی گزینه “Action Type” یک اکشن دیگه از گزینه هایی که دارید انتخاب کنید

حالا بر روی هر کدام از اکشن ها که کلیک کنید میتونید تغییراتی که میخواید رو روی اون ها اعمال کنید.

همچنین میتونید از همین بخش Action ها رو همانند تصویر زیر حذف و یا کپی کنید.

آموزش نحوه ایجاد لینک در اسلایدر

شما در افزونه اسلایدر رولوشن این امکان رو دارید که به هر لایه ای در محیط اسلایدر لینک اضافه کنید.

این کار به 3 صورت انجام میشه که تنظیمات هر مورد رو به صورت جداگانه بررسی میکنیم:

1. Simple Link
2. Callback
3. Scroll Below Slider

Simple Link

1. Interaction
   تعیین می کنید که این اکشن با کلیک کاربر یا ورود یا خروج کاربر اتفاق بیفتد
2. Action Type
   انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
3. Link URL
   آدرس URL صفحه ای که باید ارجاع داده شود
4. Link Target
   اینجا انتخاب میکنید که لینک جدید در این صفحه باز شود و یا در یک پنجره جدید
5. Link Type
   اینجا پیشنهاد میکنیم که از گزینه HTML معمولی استفاده کنید، در غیر این صورت و در صورت آشنایی با jQuery میتونید گزینه دیگه ای رو انتخاب کنید
6. Follow
   تعیین میکنید که لینک از نوع فالو باشد یا نوفالو (مربوط به سئو)
7. Action Delay
   میزان تاخیر اجرای این اکشن رو تعیین می کنید

Callback

1. Interaction
   تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
2. Action Type
   انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
3. Function
   با این گزینه یک عملگر حاوا اسکریپت فراخوانی میشود. اگر با این موارد آشنایی دارید این گزینه رو برلی تنظیمات پیشرفته تغییر بدید
4. Action Delay 
   میزان تاخیر اجرای این اکشن رو تعیین می کنید

Scroll Below Slider

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

1. Interaction
   تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
2. Action Type
   انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
3. Scroll Offset
   اینجا به پیکسل، میزانی که میخواهید صفحه به پایین اسکرول شود را وارد میکنید
4. Animatin Easing
   استفاده از یک افکت Easing برای نرمی بیشتر اسکرول
5. Duration
   مدت زمانی که اسکرول باید طول بکشد
6. Action Delay
   میزان تاخیر اجرای این اکشن رو تعیین می کنید

اکشن های Media

با این اکشن یک مدیا مثل فیلم یا Voice به همراه یک سری خواص ویژه برای آن تعریف میکنید.

گزینه “Start Media” در تصویر بالا باعث میشود که مدیای شما که می تواند به صورت ویدیو و یا موزیک باشد پخش شود. “Stop Media” هم پخش را متوقف میکند. “Toggle Media” هم وضعیت پخش را عوض میکند.

1. Interaction
   تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
2. Action Type
   انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
3. Target Layer
   انتخاب ویدیو و یا موزیکی که میخواهید این عملگر بر آن اعمال شود
4. Action Delay
   میزان تاخیر اجرای این اکشن رو تعیین می کنید

بی صدا یا صدا دار کردن فایل های مدیا

انتخاب “Toggle Mute Media” باعث میشه که به لایه این ویژگی رو بده که با کلیک روش ویدیو یا فایل صوتی شما Mute یا بی صدا و یا صدا دار شود. “Toggle Mute All Media” برای همه فایل های در این اسلاید اعمال میشود.

1. Interaction
   تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
2. Action Type
   انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
3. Target Layer
   انتخاب ویدیو و یا موزیکی که میخواهید این عملگر بر آن اعمال شود
4. Action Delay
   میزان تاخیر اجرای این اکشن رو تعیین می کنید

Action های دیگر

اکشن هایی که در لیست پایین آوردیم، در مواردی خاص به کار میروند و مخاطبای خاص خودشون هم دارن! برای همین به توضیحی مختصر بسنده کردیم و همچنین لینک منبع اصلی رو هم برای شما قرار دادیم تا در صورت لزوم بتونید از این منابع استفاده کنید

• Fullscreen Actions: این اکشن برای تمام صفحه کردن و یا خارج شدن از حالت تمام صفحه به کار میرود.
• Slide Actions: این اکشن برای جابجایی بین اسلایدها و لینک دادن اسلایدها به یکدیگر به کار میاد.
• Layer Actions: که برای نمایش یا مخفی کردن لایه ها و ایجاد یک افکت انیمیشن برای آن ها به کار میرود.