我是该网站的新手，但我正在研究创建一个非常简单的代码，该代码从一小部分图像中，通过单击图像右侧的“下一个”和左侧的“上一个”来更改照片”。理想情况下，允许下方的空间包含文本和用于更改图像的独立文本链接选项。描述我正在搜索的内容的最佳方式与此http://rowingprojects.com/cabinet/florian-roithmayr-the-y完全相同
任何人都可以帮忙吗？我将非常感激。谢谢你。
问问题
2514 次
1 回答
0
您需要：HTML、CSS 和 Javascript。
在 HTML 中：您放下所有要滑动的图像，并给它们一个 id。隐藏所有，在 HTML 代码中具有样式的 display 属性。您需要添加 2 个始终位于图像左侧和右侧上方的透明块。您可以使用 CSS 的 position、z-index、top 和 left 属性来做到这一点。给这个元素 onmouseclick 和正确的 JS 函数（nextimage，previousimage）。
在 JS 中：你需要一个 var，其中包含数组中的实际图片编号。您需要一个带有图像 ID 的数组。您需要一个 nextimage 和 previousimage，它们使用该数组和 var 显示和隐藏具有 styile 的显示属性的图像。
如果您想要图像的标题或/和描述，您只需将该图像放在 div 中并格式化您想要的任何内容。但在这种情况下，您需要将 id 添加到 div 而不是图像。或者您可以使用 JS 更改标题/描述。
于 2013-09-07T23:03:03.300 回答