前提・実現したいこと
slickで横3列のスライドショーを作りました
真ん中の列だけ逆方向に回る自動スクロールです。
画像を拡大中にその列だけスクロールが止まり他の列と回転がずれてしまい見栄えが悪いので、拡大中も止まらない、又は3列全て止まるようにしたいです。
該当のソースコード
$(function(){
$('.slide_1').slick({
arrows: false,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
dots: true,
pauseOnHover: false,
pauseOnDotsHover: false,
waitForAnimate: false,
});
$('.slide_2').slick({
arrows: false,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
dots: true,
pauseOnHover: false,
pauseOnDotsHover: false,
waitForAnimate: false,
rtl: true,
});
$('.slide_3').slick({
arrows: false,
autoplay: true,
autoplaySpeed: 4000,
slidesToShow: 4,
dots: true,
pauseOnHover: false,
pauseOnDotsHover: false,
waitForAnimate: false,
});
});
試したこと
マウスオーバーなどでスライドショーが止まるのはオプションでオフにしました。
画像の拡大はluminousを使っています。
if文などで拡大してる状態としていない状態とで条件分岐させれば良いのかと思ってやってみようと思ったのですが、JavaScriptでどう記述すればいいのかわからないです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。