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?
Add a comment
|
3 Answers
Have a look at this slideshow example using HTML and CSS.
To make it not use javascript, you could just replace the mouseover for each Set (the tabs at the top) with HTML links...
<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?
2 Comments
Shunter1112
Thank you for answer. That's it. Because user can be javascript off. I worry about it. And also I interest in how to create html and css only.
Mark Mayo
fair enough about wanting to create only html and css, but you'll see from here: w3schools.com/browsers/browsers_stats.asp That 95% of browsers 2 years ago had javascript on, and that number was increasing. And generally those who are savvy enough to switch it off will realise a page may not work as a result. Still, up to you :)
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:
<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...
1 Comment
Shunter1112
That's good idea, but I want to know the way that user can switch images.
Perhaps:
<a href="3.html"><img src="2.jpeg" alt="..."></a>
and so on.
