如何解决更改图库滑块的行为
我刚刚开始进入开发领域。我正在尝试调整库 (https://swiperjs.com) 中的滑块以更好地适应我的页面。默认情况下,它带有左右箭头,用于触发滑块移动..
现在我想更改它,以便每次用户点击图像区域的任意位置时滑块都会向前移动。
到目前为止我所拥有的:
var mySwiper = new Swiper('.swiper-container',{
// parameters
direction: 'horizontal',loop: true,// pagination
pagination: {
el: '.swiper-pagination',},// navigation
navigation: {
nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img src="source/promo_1.png" alt="promo-1" class="image"></div>
<div class="swiper-slide"> <img src="source/promo_2.png" alt="promo-2" class="image"></div>
<div class="swiper-slide"> <img src="source/promo_3.png" alt="promo-3" class="image"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
知道如何实现这一目标吗?覆盖库的行为是否有意义,或者我应该寻找替代方案吗?整个图书馆对我来说有点像一个黑匣子。
非常感谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。