【问题标题】:Photo / image change, left side for previous and right side for next image照片/图像更改,左侧为上一张,右侧为下一张
【发布时间】:2013-09-11 18:48:34
【问题描述】:

我是该网站的新手,但我正在研究创建一个非常简单的代码,该代码从一小部分图像中,通过单击图像右侧的“下一个”和左侧来更改照片为“以前”。理想情况下,允许下方的空间包含文本和用于更改图像的独立文本链接选项。描述我正在搜索的内容的最佳方式与 http://rowingprojects.com/cabinet/florian-roithmayr-the-y 完全相同。

有人可以帮忙吗?我将非常感激。谢谢。

【问题讨论】:

  • 你试过什么?请先研究问题,看看是否可以开始。

标签: image click slideshow next photo-gallery


【解决方案1】:

您需要:HTML、CSS 和 Javascript。

在 HTML 中: 您放下所有要滑动的图像,并给它们一个ID。隐藏所有,在带有样式的显示属性的 HTML 代码中。 您需要添加 2 个始终位于图像左侧和右侧上方的透明块。您可以使用 CSS 的 position、z-index、top 和 left 属性来做到这一点。给这个元素 onmouseclick 和正确的 JS 函数(下一个图像,上一个图像)。

在 JS 中: 您需要一个 var,其中包含数组中的实际图片编号。 您需要一个带有图像 ID 的数组。 您需要一个 nextimage 和 previousimage,它们使用 styile 的 display 属性显示和隐藏图像,这些使用该数组和 var。

如果您想要图像的标题或/和描述,您只需将该图像放在一个 div 中并格式化您想要的任何内容。但在这种情况下,您需要将 id 添加到 div 而不是图像。或者您可以使用 JS 更改标题/描述。

【讨论】:

    猜你喜欢
    • 2020-02-16
    • 1970-01-01
    • 1970-01-01
    • 2016-06-14
    • 1970-01-01
    • 1970-01-01
    • 2015-10-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多