下部にある [WORK] リンクをクリックすると、carouFredSel プラグインを使用した動作中のスライダーが表示されます。IMG リンクをクリックすると、2 番目のスライダーが表示され、一度に 1 つだけを表示するというパラメーターに従いません。これは、最初に表示するように設定したスライダーで発生し、まったく同じスクリプトを使用しています。複数の方法でトグルを行ってきましたが、これは常に発生します。表示変数の切り替えに関係していると思いますが、どうすればよいかわかりません
$("#img-carousel").carouFredSel({
width: "100%",
height: 450,
direction: "right",
circular: true,
infinite: true,
items: {
visible: 1,
height: 400,
width: 400
},
scroll: {
duration: 1000,
pauseOnHover: true
},
auto: {
timeoutDuration: 9999,
delay: 5000
},
prev: {
button: "#img-left",
key: "left"
},
next: {
button: "#img-right",
key: "right"
},
pagination: {
container: "#img-pagination",
keys: true
},
swipe: true,
mousewheel: false
});
$("#web-carousel").carouFredSel({
width: "100%",
height: 450,
direction: "right",
circular: true,
infinite: true,
items: {
visible: 1,
height: 400,
width: 720
},
scroll: {
duration: 1000,
pauseOnHover: true
},
auto: {
timeoutDuration: 9999,
delay: 5000
},
prev: {
button: "#web-left",
key: "left"
},
next: {
button: "#web-right",
key: "right"
},
pagination: {
container: "#web-pagination",
keys: true
},
swipe: true,
mousewheel: false });
誰でも問題について何か洞察がありますか? それは大歓迎です。