Freelance Web Designer » Content Switcher http://vhg-design.com/blog Just another blog for design, css, html ... and probably something else Sun, 14 Aug 2011 08:30:37 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 A JavaScript Content Switcher That Works Without JavaScript | impressivewebs http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs#comments Tue, 09 Mar 2010 13:24:04 +0000 Vel http://vhg-design.com/blog/?p=188 Continue reading →]]> Recently, while doing research/work on a completely unrelated topic, I came across the beautiful illustrations on Rype Arts, which are displayed inside of a JavaScript-driven content switcher. For some reason, I happened to visit the page with JavaScript disabled and noticed that the content switcher was still working (albeit, with a few flaws).

At first I couldn’t figure out how it was functioning. Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, I realized it’s not a very difficult thing to do. The switcher utilizes in-page anchors and overflow: hidden to keep the switchability intact.

Visit Source

]]> http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs/feed 0