Custom image slider using swiper.js

I need a custom image slider. I would prefer it to be based on [login to view URL] library. The library has sliders that are both vertical and horizontal, but I want a combination of the two of them. I want a horizontal slider that intersects a vertical slider. The horizontal slider can be an array of four images. In the vertical slider can be another array of four images. I want them to intersect each other forming a cross. The tricky part is I want it so that if a user swipes right or left on the horizontal slider, the intersecting image moves horizontally. And if the user swipes up or down, the intersecting image moves vertically. Basically the intersecting image will get transferred from one array to the other array based on the users swiping left/right, up/down. I can’t find an example of this online, or else I would reference to it, but hopefully this description makes sense.