I need help with a slider (Jssor expert)

I need help from a jssor expert. The following page is quite resource intensive and it is dependent on jquery. [login to view URL] I want the above to be converted to a Jssor, ideally using this following: [login to view URL] I like the above format because it’s lightweight and it’s not dependent on jquery. Just one js file ([login to view URL]) and some css. It loads fast and it’s clean. I have attempted to create one [login to view URL] But this is as far as my skills go, so now I need a Jssor expert to help with this rest. I want a couple of modifications. 1. This should be an easy one. The current setting automatically resizes the image based on clientWidth and it automatically adjusts the height when the screen is resized. I want the height to be fixed based on three responsive setting. So, anything up to 567px should have a height of 300px, over that and up to 979px should have a height of 400px and anything above that should have a height of 550px. Obviously, I don’t want the width to be skewed, so as the client screen size is resized, the sides (both left and right) will be cut off. That’s ok because on mobile I don’t want the full width anyway, it’s hard to see the image. So, on mobile I only want the center of the image. That's why I want this modification. 2. I don’t know how easy this one is. I want the thumbnails to be fixed (both width and height), so as the client screen gets resized to let’s say mobile, only the current thumb will be visible and possibly a partial from the left a partial from the right. Maybe we can have two sizes for the thumb, one for full size (let’s set the width at 300px) and then one on responsive (let’s set the width at 200px) bellow 980px. As far as the texts on the slides (Welcome to my site, Slide1, Slide2…, and Browse topiocs), this should be pretty easy. Jssor has plenty of options, just pick one that fits nicely. I know enough so I can always change it later if I want.