Is it possible to add links via CSS?

4    12 Jul 2015 21:44 by u/jasotastic

I have a site I'm working on that will be used mostly by older people who are less capable users. So, asking them to enable JavaScript will likely be difficult. Still, I want to have a slide show for the main page. I can animate the slideshow with CSS, but I can't find a way to change a link through animation. Is that even possible without using JS?

5 comments

3 u/14d2025 12 Jul 2015 22:07

Check Crossfading

0 u/jasotastic [OP] 13 Jul 2015 03:03

Haven't had a chance to apply it, yet, but this looks promising. The only concern I have is whether a div being transparent. makes the link in the div inactive. If it doesn't, then I'll just have to do some creative link placement between the different "pictures."

1 u/lovedumplingx 13 Jul 2015 03:05

Um this may be a good candidate for utilizing HTML 5. Without knowing the specifics of what you need HTML 5 has some very interesting "media" presentation abilities.

Edit: I took a week training on it like 2 years ago so my memory is a tad foggy on specifics.

1 u/Vheissu_ 13 Jul 2015 03:42

It is definitely possible to create a CSS only slideshow. It all depends on browser support though, using CSS keyframe animations, you'll be looking at IE10+ support for CSS animations. Here is a link to a nice tutorial which shows you how to use CSS to make a slideshow. It is quite involved, but it works without Javascript.

0 u/jasotastic [OP] 13 Jul 2015 15:58

I like that this one guarantees that any links I used will only be available for the current slide by moving everything else completely out of the way. I'll definitely check this out.