CODEWITHSUNDEEP
javascriptjqueryslidercaroufredsel
Corey Tegeler
Corey Tegeler

Reputation: 149

Image cycle loading out of place

When loading a page with the CarouFredSel image cycle it is always shifted a little to the right until I either go to the next image or reload the page, same issue happens after a hard refresh.

$( document ).ready(function() {
$(".photos").carouFredSel({
    width: "100%",
    height: "465px",
    items: {
        visible: 1,
        width: "variable",
        height: "465px"
    },
    scroll: {
        fx: "none",
        duration: 1
    },
    auto: 50000,
    prev: {
        button: ".prev",
        key: "left"
    },
    next: {
        button: ".next",
        key: "right"
    },
    pagination: {
        container: ".pagination",
        keys: true
    },
    swipe: true,
    mousewheel: true
})
});

I've tried posting this several times before and no one has given me any info yet and it's really holding me up, and help would be so greatly appreciated.

Upvotes: 0

Views: 155

Answers (1)

Barbara Laird
Barbara Laird

Reputation: 12717

I don't think it's a problem with your configuration of CarouFredSel. I made a jsfiddle of your code and it works fine.(http://jsfiddle.net/YdAee/). I'm going to guess it has something to do with your masonry code, but that's just a guess because that is throwing an error. Look at this code:

///////MASONRY/////
if (randomComplete == true) {
    $('#boxes').masonry({
        itemSelector: '.box'
    });
}

randomComplete is defined out of scope.

Upvotes: 1

Related Questions