所有しているギャラリーにCaroufredselプラグインを使用していますが、ページの読み込み時にギャラリー内の画像をフェードインさせたいと考えています。
ギャラリーへのリンクは次のとおりです:http://tamedia.ca/marlowe/collection-aw12.html
これは、プラグインを開始するために使用したスクリプトです。
$(window).load(function() {
$("#thumbs").carouFredSel({
synchronise: ['#images', false, true],
width: "100%",
height: 145,
items: {
width: 95,
height: 145,
visible: 19,
start: -9
},
scroll: {
items: 1,
pauseOnHover: true
},
auto: 5000,
debug: true,
prev: {
button: "#prev-thumbs",
key: "left"
},
next: {
button: "#next-thumbs",
key: "right"
}
});
$('#images').carouFredSel({
auto: false,
items: 1,
scroll: {
fx: 'fade'
}
});
});