照片/图像更改,左侧为上一页和右侧,用于下一张图像

时间:2013-09-07 22:41:57

标签: image click slideshow next photo-gallery

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

完全相同

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

1 个答案:

答案 0 :(得分:0)

你需要这个:HTML,CSS和Javascript。

在HTML中: 你放下了你想要滑动的所有图像,然后给它们一个id。使用样式的显示属性隐藏所有HTML代码。 您需要添加2个透明块,它始终位于图像左侧和右侧之上。您可以使用CSS position,z-index,top和left属性执行此操作。给这个元素onmouseclick和正确的JS函数(nextimage,previousimage)。

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

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