时间戳

首页 > 解决方案 > jquery 简单项目滑块

javascript - jquery 简单项目滑块

问题描述

 var width = $slide.width() * 5;
 var animationSpeed = 150;
 $slide = $('.slide');

 function sliding() {

 $slider.animate({'margin-left': '-='+width}, animationSpeed);

 }

1-我怎样才能使宽度 = 一张幻灯片宽度 * 5 因为它不起作用

2-如果我有 18 张幻灯片要在此滑块中滑动，并且 div 上出现 5 张幻灯片，那么 div 是否可以每次滑动 5 张幻灯片但两次后将剩下 3 张幻灯片如何调整可变宽度以滑动只有幻灯片的左边？

标签： javascriptjquery

解决方案

您需要$slide在获取其宽度之前定义：

// define $slide before getting its width
var $slide = $('.slide');
var width = $slide.width() * 5;
var animationSpeed = 150;

function sliding() {
    $slider.animate({'margin-left': '-='+width}, animationSpeed);
}

至于第二个问题，您能否展示您实现这一目标的努力？

推荐阅读