圖像週期加載不當

當加載CarouFredSel圖像週期的頁面時，它總是向右移動一點，直到我轉到下一個圖像或重新加載頁面，硬刷新後會發生同樣的問題。圖像週期加載不當

$(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 
}) 
});

http://coreytegeler.com/gl/music/

我已經試過之前發佈了幾次，沒有人給我任何信息，但它真的抱着我，並幫助將因此大受讚賞。

來源

2013-07-30 Corey Tegeler

我覺得這個插件有問題。在頁面加載時，它會在'.photos'容器上設置一個'left'樣式。當你點擊圖片時，它們在中間很好地對齊，「左」會改變。 – putvande

是否有一種方法可以在加載之前捕獲並將其設置爲正確的屬性？ –

我不認爲這是您的配置CarouFredSel的問題。我做了一個你的代碼jsfiddle，它工作正常。（http://jsfiddle.net/YdAee/）。我會猜想它與你的砌體代碼有關，但這只是一個猜測，因爲這是一個錯誤。看看這段代碼：

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

randomComplete被定義爲超出範圍。

來源

2013-07-30 21:14:55

感謝您回覆我！只是修正了randomComplete問題，在不同的'$（window）.load'部分使用'var'。我現在看到的唯一錯誤是由廣告攔截插件 –

造成的。我嘗試禁用並啓用任何其他與佈局混淆的js（如砌體）來查看是否存在衝突。你看到我在我的小提琴中遺漏了什麼嗎？因爲它在那裏工作得很好。我確實使用了jQuery 1.8.3，我認爲你使用的是1.8.1，但其他所有內容都包含我從你的網站中提取的內容。 –

只是改變它有1.8.3鏈接在沒有JavaScript相關的代碼，除了所需的carouFredSel的東西。仍然沒有運氣：/ –

圖像週期加載不當

回答

相關問題