پلاگین goto در impress.js

نوشته حسین بهنودی در ۱۹ اردیبهشت ۱۳۹۹

گاهی اوقات شما نمی‌خواهید اسلایدها به ترتیبی که در فایل HTML نوشته شده‌اند نمایش داده شوند. در چنین شرایطی باید از پلاگین goto استفاده کنید.در سه سطح می‌توانید از این پلاگین استفاده کنید.

۱- تنها می‌خواهید اسلاید بعدی را تعیین کنید.

مثلا اگر می‌خواهید پس از این اسلاید بلافاصله به اسلایدی که با id=step-5 مشخص شده بروید. از data-goto استفاده کنید و آیدی آن اسلاید را مقابلش بنویسید.

<div class="step" data-goto="step-5">

حالا با کلیک یا زدن کلید کیبرد مستقیما به اسلاید step-5 میرویم.

۲- می‌خواهید اسلاید قبلی و بعدی را تعیین کنید.

برای تعیین اسلاید قبلی از اتریبیوت data-goto-prev و برای تعیین اسلاید بعدی از اتریبیوت data-goto-next استفده کنید و آیدی اسلاید مورد نظر خود را مقابلشان بنویسید.

<div class="step" data-goto-next="step-5" data-goto-prev="step-1">

به عنوان مثال در خط عبارت بالا مشخص شده است که با زدن کلید بعدی Right Arrow