Front image disappear

[darreola]

For some reason when i move the mouse fast over the carousel when is sliding the front image disappear

[edmi1994]

hello maybe you found the solution? The same thing happens to me with dynamic slides

[darreola]

Seem like transform: none !important; from .carousel-3d-slide.current is the problem i change to transform: translateX(0) translateZ(0) rotateY(0deg); and seems to be working now

[edmi1994]

in my case when loading the page the current one does not show maybe you can give me a hand?

[darreola]

I don't know if can help you maybe u share some of your code

[edmi1994]

Hello, this is my code, it happens that when I load the page for the first time I realize with the inspector the first slide does not have the current class and that is why it does not appear, I have to interact so that the current class appears and appears} <carousel-3d :width="200" :height="300" :space="300" :controls-visible="true" :display="5" :count="periodicos.length"> <template v-for="(periodico, index) in periodicos"> <slide :key="periodico.id" :index="index"> <b-button class="boton-slide" @click="abrir_flipbook(periodico.imagenes)"> <img class="imagen-miniatura" :src="url+periodico.portada[0].url" :alt="url+periodico.portada[0].url"> </b-button> </slide> </template> </carousel-3d>

[talkbear]

Seem like transform: none !important; from .carousel-3d-slide.current is the problem i change to transform: translateX(0) translateZ(0) rotateY(0deg); and seems to be working now

it works for me too, thanks.

[darreola]

@edmi1994 maybe is the way you populate periodicos, sometimes i add a flag to do not render the component until the data is mounted or populate. Other idea is pass your own class to <slide with :class="{classNeeded:forceCondition}"