Slideshow or Swiper

This is why I prefer the swiper over the slideshow

  • The fade transition is bad.
  • The slide transition no-autostart: flickers when you click on the left/right controls.
  • The slide-left transition works slide-random.
  • The landscape-image in a portrait slideshow shows double by leaving.
  • Transition Options --> Duration : has no effect in sliding or fading transition
  • The first image determines the height off the slideshow.
  • Images with longer dimensions are cropped
  • It is not recommended to mix landscape and portrait images
  • What is the use off the thumbnails in a slideshow if you can not activate them?

I am not in favor of spectacular 2D or 3D transitions because they draw the attention away from the content. I like a simple slideshow but perfectly executed: sliding or fading.

http://webcrea.be/slideshow.html

Hello @vdweyer
The slideshow component should not be used with images having different aspect rations or mixed (portrait and landscape) images.
That's how it works and that's how it's been designed to work.

If you have specific issues with it, please report them as bugs so we can investigate and fix them.
Usually when you create a website you edit your images to fit well the design, so in most cases they are the same size and aspect ratios... Here are a few examples i created using the slideshow component and it works perfectly well, when your images are properly resized:
https://showcase.dmxzone.com/SlideshowSailing/index.html
https://showcase.dmxzone.com/SlideshowAgency/index.html

As for comparing it to the Swiper component - the Swiper is not an image slider, while the Slideshow is exactly only an image slider.
The Swiper component can contain ANY HTML element in its slides - bootstrap cards, paragraphs of text OR images. So anything you can design on the page can be inserted as Swiper content.

We added this option with the idea to have a few themes for the slideshow (at a later time) using thumbnails. You can post this as a feature request :slight_smile:

1 Like