Swiper Coverflow Effect

pixlapps · January 24, 2019, 8:36am

@patrick Is there a place where I can further set parameters for coverflow in swiper component?

In the past before it was in Wappler I could do in my js file like this:

coverflowEffect: {
        rotate: 0, // Slide rotate in degrees
        stretch: 0, // Stretch space between slides (in px)
        depth: 150, // Depth offset in px (slides translate in Z axis)
       modifier: 0.2, // Effect multipler
         slideShadows : true, // Enables slides shadows
     },

Thanks

patrick · January 24, 2019, 11:29am

At this moment it is not possible with the App Connect component, but we could add those options if there is the need for them.

pixlapps · January 24, 2019, 11:42am

Ok, no problem. Do not think there will be others that are as specific about how these work.

I will just go back to using the normal slider with a repeat inside and not the App Connect one.

Thanks

pixlapps · January 25, 2019, 7:28am

Looked at the css and should be able to also just override the css for 3D transform, size and margins and get the right outcome.

psweb · July 12, 2024, 9:31am

If we could at some point get the extra swiper options added, it would be pretty handy.

Teodor · July 12, 2024, 9:32am

Hey Paul, which of the swiper options do you want to be added, so that we can check this?

psweb · July 12, 2024, 9:36am

Its mainly the additional coverflow options, such as

coverflowEffect: {
        rotate: 0, // Slide rotate in degrees
        stretch: 0, // Stretch space between slides (in px)
        depth: 150, // Depth offset in px (slides translate in Z axis)
       modifier: 0.2, // Effect multipler
         slideShadows : true, // Enables slides shadows
     }

Trying to replicate this sort of design