CODEWITHSUNDEEP
javascriptcarouselglidejs
MetechNig
MetechNig

Reputation: 9

image not loading on web page

this is the js code

if(slider2){
    new Glide(slider2, {
        type:'carousel',
        startAt: 0,
        hoverpause:true,
        preview: 4,
        animationDuration: 800,
        animationTimingFunc: 'cubic-bezier(0.165, 0.840, 0.44, 0.1)',
        breakpoints:{
            1200:{
                preview: 3,
            },
            768:{
                preview: 2,
            },
        },
    }).mount();
}

Upvotes: 0

Views: 54

Answers (1)

DeskCat
DeskCat

Reputation: 31

Take a look at your inspector and look at the slides styles.

Your issue might be related to glide giving your slides a ridiculously large transform value. Its the same issue I am currently experiencing and still looking for a solution.

But I too initially thought that is just wasn't loading when it was actually just off screen

EDIT: It's also mentioned on glideJS github : https://github.com/glidejs/glide/issues/654

Adding image for reference to what I mean: I cant add images but here are image links

Element

enter image description here

Styles Inspector

enter image description here

Upvotes: -1

Related Questions