如何只用html和css创建幻灯片展示

I want to create slide show to display any images to limited space. And I don't want to use javascript. How to create slide show with html and css only?

我想创建幻灯片显示，以显示任何图片到有限的空间。我不想使用javascript。如何只用html和css创建幻灯片展示?

3 个解决方案

#1

Have a look at this slideshow example using HTML and CSS.

看看这个使用HTML和CSS的幻灯片示例。

To make it not use javascript, you could just replace the mouseover for each Set (the tabs at the top) with HTML links...

为了不使用javascript，您可以用HTML链接替换每个集合(顶部的选项卡)的鼠标悬停……

<A HREF="section2.html" TARGET="content" TITLE="Slideshow slide 2">Section 2</A>

However, it really is easier to use javascript, and almost all browsers will have no problem with javascript. Is there a particular reason not to use it?

但是，使用javascript确实更容易，几乎所有浏览器都不会遇到javascript问题。有什么特别的理由不使用它吗?

#2

You can make a nice pages with HTML/CSS to show what you need and make a redirection between them with HTTP META refresh tag:

你可以用HTML/CSS创建一个漂亮的页面来显示你需要什么，然后用HTTP META refresh标签在它们之间进行重定向:

<meta http-equiv="refresh" content="2;url=http://...">

This way visitors would not need to click on links to navigate between pages, but would be automatically taken there after certain amount of time...

这样访问者就不需要点击链接在页面之间进行导航，而是在一定的时间之后自动被带到那里。

#3

Perhaps:

可能:

<a href="3.html"><img src="2.jpeg" alt="..."></a>

and so on.

等等。

#1