使用 jquery 构建滑出式图片库——寻求插件或代码片段的建议
我正在尝试构建一个满足以下规范的图像库（或者，理想情况下，找到一个 jquery 插件）：
- #left div 中的全尺寸图像，#right div 中的链接中包含的缩略图。
- 单击#right div 缩略图会使相应的全尺寸图像从#left 框架的右侧滑出到中心。
- 全尺寸图像加载后，#right 中的缩略图淡出以显示每个图像的描述 - - 可能存储在 alt 标签中，更可能存储在链接内的跨度中
- 当#rightthumbs淡出时，会出现一个按钮，允许用户单击并淡出缩略图回来。
我不知道任何javascript，所以我'我不知道从哪里开始处理这样的事情。我的专长是前端，但不幸的是，我现在发现自己是一名事实上的开发人员。这就是生活。
I'm trying to build an image gallery (or, ideally, find a jquery plugin) that meets the following specifications:
- Full-size images in #left div, thumbnails wrapped in links in #right div.
- Clicking a #right div thumb causes the corresponding full-size image to slide out from the right side of the #left frame to the center
- After full-size image loads, the thumbnails in #right fade out to reveal the description of each image-- possibly stored in the alt tag, more likely stored in a span within the link
- When #right thumbs fade, a button appears that allows the user to click and fade the thumbnails back in.
I don't know any javascript, so I'm at a loss as to where to begin with something like this. My expertise is front-end, but unfortunately I find myself a de facto developer these days. Such is life.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你最好的选择是使用这个：
http://playground.marmaladeontoast.co.uk/jquery/galleria/demo /demo_02.htm
但是如果没有任何 javascript 知识，您将很难获得任何您想要的插件......
但是！
我刚刚做了几场关于 javascript 简介的讲座，因此您可能会发现这些幻灯片很有用
JavaScript 简介
JavaScript 开发
事实上，我刚刚开始我已经是 JavaScript 模块的第二年了，我的幻灯片将在我制作幻灯片时上线，因此请密切关注我的 slideshare
我希望这有帮助:)
Your best bet is to use this:
http://playground.marmaladeontoast.co.uk/jquery/galleria/demo/demo_02.htm
But without any javascript knowledge, you will struggle to get any plugin to exactly what you want...
But!
I have just given a couple of lectures on an introduction to javascript, so you might find the slides useful
Introduction to JavaScript
JavaScript Development
In fact I have literally just started the second years on a javascript module, and my slides will be going online as when I do them, so keep an eye on my slideshare
I hope this helps:)