我使用 Photoshop 制作了一个页面模拟设计的图像，因此您可以直观地看到我想要实现的目标。
请在尝试回答时查看此问题末尾的图像。
更新 的问题：此时我没有代码，我想知道是否有人可以指出我正确的方向。我正在使用 Ruby on Rails 制作一个在线应用程序。此时我不担心Rails方面，我首先要征服JQuery。我有六种调味汁，每一种都有名字、图片和描述。我要实现的是页面从如图所示的酱一开始，当点击右箭头时，酱一号变成酱二，图片发生变化，相关描述也发生变化（即酱二的描述.
我的主要问题是我不知道如何在两个箭头之间放置相关内容，然后在按下箭头时让它们发生变化。即用户可以单击右箭头一次，我可以更改内容，但是我如何设置jQuery，以便当第二次单击箭头时，它变成第二个酱，第三次成为第三个酱等等，按照时间顺序，所以当他们点击后退箭头时，它会转到当前的酱汁之前。
简而言之，一切都是动态发生的，并不是说我已经准备好 div，而 JQuery 只是截断它们（即不是 Jquery div 滑块）。
这是图像：
