search

dynamicweb / swiffy-slider

Super fast carousel and slider with touch for optimized websites running in modern browsers.
MIT License
247 stars 30 forks source link

Product Gallery with vertical Thumbnails and Zoom effect #75

Closed masstechnologist closed 1 year ago

masstechnologist commented 1 year ago

Hello,

Is it possible to add a product gallery with vertical thumbnails instead of horizontal? If yes, could you please guide me on how to do it? Also, it would be a great addition if a zoom effect could be added to the product photos.

nicped commented 1 year ago

Currently this is not possible. It is relatively easy though to create a div that scrolls vertically instead - but the features from Swiffy Slider navigation etc. is not available. It is a good idea for a new feature though - to support vertical sliders and carousels. You are not the first to ask, so hopefully I will have time for it. Thanks for using Swiffy Slider.

masstechnologist commented 1 year ago

What about zoom on the product images?

nicped commented 1 year ago

Sorry - missed that one. No, also not possible. I am not fan of zoom on mobile phones as the image is usually full screen no matter what and native pinch zoom is working like a charm compared to other zoom options on mobile.

On desktop I would use something from whatever framework you use (if any) - i.e. on the examples page, clicking the detail image would open a full screen modal with a new Swiffy Slider inside: (See "Product gallery" example and click the image) https://swiffyslider.com/examples/

Another alternative for a very simple zoom is a bit of css:

.slider-container:hover img {
  transform: scale(1.5);
}