是否可以找到一些 jQuery 庫。用于圖像陣列的連續旋轉？就我而言，我有大約 30 個圖像（合作伙伴徽標），我想將它們設置在一些 jquery lib 或純 CSS 代碼中，其中圖像將連續旋轉。圖像和信息將通過ajax查詢導入。愿景示例：它可能看起來像這樣，或者在同一高度線上。感謝任何有關進一步調查的幫助和建議。
1 回答
元芳怎么了
TA貢獻1798條經驗 獲得超7個贊
有大量用于此目的的插件。這是一個slick的例子（https://github.com/kenwheeler/slick/）。大多數轉盤/滑塊都可以選擇連續旋轉。只需谷歌搜索滑塊并在初始化之前用ajax填充它即可。
請注意，SO 不是推薦平臺。
$(document).ready(function() {
$('.slider').slick({
dots: false,
slidesToShow: 7,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1000,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 6,
slidesToScroll: 6,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 5,
slidesToScroll: 5
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
}
]
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<div class="slider">
<div><img src="https://picsum.photos/id/10/100/100"></div>
<div><img src="https://picsum.photos/id/20/100/100"></div>
<div><img src="https://picsum.photos/id/30/100/100"></div>
<div><img src="https://picsum.photos/id/40/100/100"></div>
<div><img src="https://picsum.photos/id/50/100/100"></div>
<div><img src="https://picsum.photos/id/60/100/100"></div>
<div><img src="https://picsum.photos/id/70/100/100"></div>
<div><img src="https://picsum.photos/id/80/100/100"></div>
<div><img src="https://picsum.photos/id/90/100/100"></div>
<div><img src="https://picsum.photos/id/100/100/100"></div>
<div><img src="https://picsum.photos/id/110/100/100"></div>
</div>
- 1 回答
- 0 關注
- 170 瀏覽
添加回答
舉報
0/150
提交
取消