آموزش کار با ابزار کاروسل تصویر در المنتور
گاهی اوقات پیش آماده است که بخواهید لیستی از لوگوی مشتریان یا نمونه کارهایتان را به صورت اسلایدی و کاروسل به نمایش بگذارید. در این بین در المنتور ابزاری به نام کاروسل تصویر وجود دارد که می توانید این کار را انجام دهید. برای آموزش این ابزار کافیست، تا پایان این مقاله آموزشی ما را دنبال کنید.
نحوه ایجاد ابزار کاروسل تصویر در المنتور
در این فایل آموزشی، نحوه درج ابزار کاروسل تصویر در میزکار المنتور آموزش داده ایم.
همانطور که مشاهده می کنید نحوه درج ابزار کاروسل تصویر را در میزکار المنتور آموزش دادیم. حال نوبت به بخش تنظیمات این ابزار و نحوه به نمایش گذاشتن تصاویر می رسیم.
تنظیمات بخش ویرایش ابزار کاروسل تصویر در المنتور
✓ تب محتوا
بخش تنظیمات شامل 2 قسمت مهم (کاروسل تصویر و گزینه های اضافی) می باشد.
بخش اول: کاروسل تصویر
کاروسل تصویر: در اولین قسمت از تنظیمات در کادر بالا که مشاهده می کنید در این قسمت شما تصاویری که از قبل آپلود کرده باشید یا بخواهید تصاویر دیگری را آپلود نمایید، می توانید هر چند تا به صورت دلخواه انتخاب و در آخر به صورت گالری مانند به نمایش بگذارید.
اندازه عکس: در این قسمت می توانید اندازه عکس را از بزرگ تا کوچک را انتخاب کنید.
اسلایدها جهت نمایش: در این قسمت شما از 1 تا 10 می توانید تعداد نمایش تصویر را مشخص کنید به فرض مثال با انتخاب عدد 3 تعداد، 3 تصویر نمایش داده می شود.
اسلایدها جهت پیمایش: نحوه پیمایش تصاویر را مشخص میکنید و اگر 3 را انتخاب نمایید با زدن روی اشاره گر ها 3 تا 3 تا تصاویر جلو برده میشود ( این گزینه در صورتی که تعداد تصاویز زیاد می باشد کاربرد دارد).
کشش تصویر: با فعالیت کردن این گزینه فاصله بین تصاویر حذف می شود.
ناوبری: می توانید برای کاروسل خود پیکان و نقطه ها را ایجاد کنید یا به صورت تکی فقط (پیکان یا فقط نقطه یا هردو)
پیوند: در صورت انتخاب آدرس سفارشی کادر لینک فعال می شود و می توانید به کاروسل خود یک لینک اضافه کنید.
زیرنویس: با انتخاب بخش عنوان، زیر نویس و یا توضیحات، میتوانید برای هر عکس جداگانه به نمایش دربیاورید.
بخش دوم: گزینه اضافی
بخش خودکار: با انتخاب گزینه بله این بخش، تصاویر به صورت خودکار اجرا می شوند.
توقف هنگام هاور: در این قسمت زمانی که اشاره گر ماوس بر روی کاروسل تصویر قرار گیرد پخش تصاویر متوقف تا زمانی که اشاره گر ماوس رو برندارید.
مکث در واکنش: این گزینه هم با انتخاب بله و خیر می باشد در صورت انتخاب بله اسلایدر کار میکند که دیگر عملیات پخش خودکار انجام نشود.
سرعت پخش خودکار: شما بر اساس میلی ثانیه میتوانید حرکت را کنترل کنید.
حلقه بی نهایت: در صورت انتخاب خیر یک بار اتوماتیک حرکت از اولین تصویر تا اخرین تصویر ادامه خواهد داشت و در صورت تکرار می بایست بله را انتخاب کنید.
سرعت انیمیشن: سرعت نمایش انیمیشن را بر اساس میلی ثانیه مشخص کنید.
جهت یابی: جهت حرکت کاروسل را در اینجا انتخاب کنید که از راست به چپ باشد یا از چپ به راست.
✓ تب استایل
این تب شامل 2 بخش (ناوبری و تصویر) می باشد.
بخش اول: ناوبری
جایگاه پیکان ها: با انتخاب گزین درون، پیکان ها داخل تصاویر و با انتخاب بیرون، پیکان ها بیرون از تصاویر قرار می گیرند.
اندازه: می توانید به صورت دستی اندازه یا سایز پیکان ها را بزرگ یا کوچک کرد.
رنگ: در این بخش می توانید رنگ دلخواهی برای پیکان انتخاب کنید.
جایگاه نقطه ها: با انتخاب گزین درون، نقطه ها داخل تصاویر و با انتخاب بیرون، نقطه ها بیرون از تصاویر قرار می گیرند.
اندازه: می توانید به صورت دستی اندازه یا سایز نقطهه ها را بزرگ یا کوچک کرد.
رنگ: در این بخش می توانید رنگ دلخواهی برای نقطه ها انتخاب کنید.
بخش دوم: تصویر
تراز عمودی: در این قسمت می توانید نحوه چینش تصاویر را انتخاب کنید (بالا، وسط، پایین)
فاصله گذاری: در صورت انتخاب سفارشی، می توانید فاصله بین تصاویر را افزایش داد.
نوع کادر دور: با فعال سازی این بخش برای هر تصاویر می توانید نوع کادر دور (یک پارچه، دوبل، نقطه ای و...) را انتخاب کنید.
انحنای مرز: زمانی که بخواهید به گوشه های تصاویر حالت پخ یا گرد بدهید می توانید عدد های دلخواهی را وارد کنید.
✓ تب پیشرفته
در این قسمت می توانید از حالت های حاشیه های خارجی و فاصله داخلی از (چپ، راست، بالا و پایین) استفاده کنید، و از حالت های افکت (متحرک)، پس زمینه ، حاشیه کادر دور، یا css سفارشی می توانید استفاده کنید.