用于图像和描述的 jQuery slider

Question

我正在尝试为我的投资组合网站创建一个 slider 。

为了帮助表达我想要实现的目标，这是我希望它看起来像的图像...

基本上，当您点击下一个或上一个箭头时，屏幕截图和描述性文本会分别滑动(如旋转木马效果)，显示下一个屏幕截图和描述。我猜这是在 jQuery 中完成的，但我看过并尝试过的其他 jQuery slider 一次将所有 slider 都滑过。

有谁知道如何实现我想要做的事情，或者知道有教程的网站吗？

提前致谢

汤姆

Answer 1

首先，标签 jquery-ui-slider 指的是一个 slider ，它根据手在 slider 上的位置改变值，这是 jquery 的完全不同的部分，

但无论如何，您需要一个允许您滑动内容 div 的 slider 插件，here是一个例子

然后在 div 中放置图像和描述，并使用 css 将其设置为看起来漂亮

可能是这样

<div class="sliderWrap">
     <div class="sliderContent">
          <img src="..." />
          Content 1 goes here
     </div>

     <div class="sliderContent">
          <img src="..." />
          Content 2 goes here
     </div>  
</div>