Adding a Custom Page Format Option with Swiper.js

Question

I would like to know if it's possible to add a new Page Format option in in5's export settings. Specifically, I want to integrate Swiper.js (https://swiperjs.com) to handle page transitions.

Currently, the available options in Page Format include:

• Slider
• Boderless
• Continuous Scroll (Vertical)
• Continuous Scroll (Horizontal)
• Flipbook
• Liquid

I want to add a custom format that enables Swiper.js functionality for smoother, touch-friendly navigation.

My questions:

1. Is there a way to extend the in5 export options to include a new Page Format?
2. Which files or scripts should I modify within in5 to implement this?

I appreciate any guidance on this! Thanks in advance.

Best regards,
Jaime

Answer 1

You can modify your output during export by adding custom JavaScript and/or CSS to the Resources section of the Export HTML5 with in5 dialog:

• Extending Functionality with External Resources

You can also modify the output after exporting.

If you would like help customizing the code, then you might look into to hiring a web developer .