How can I get navigation outside the wrapper working?

[bobdobbs]

I'm building a slider with Swiper.
In order to hide inactive slides and also make navigation visible, I've moved the navigation to outside of the swiper wrapper

By default, this prevents the navigation from working.
If I read the docs correctly, navigation outside of the wrapper can still be utilized, if a navigation object is passed swiper when it is being set up.

I've done this, but I still can't seem to get the navigation to work.

This link shows the slider I'm building along with my code:

https://solarshift.org/

[bobdobbs]

Found a solution:

Swiper offers the function 'slidePrev' and 'slideNext'.
Utilizing these solves the issue.