The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're ...
:target
Updated 07-19-2015 at 12:15 PM by Beverleyh
Today I revisit the Responsive CSS3 Any Content Slider, enhancing it with auto-play and start/stop controls (and later, a large touch-toggle with swish 'zoom' animation), thanks to a sprinkle of JavaScript. But first, a recap on the CSS-only version that was covered in an earlier blog post, mainly just as a reminder about usage of the checkbox hack to emulate click events via CSS - that's what gives it functionality without JavaScript, but, I was contacted and asked to make it play ...
Updated 12-09-2014 at 09:33 AM by Beverleyh
Fiddling some more with CSS transitions and the checkbox hack to emulate click events via CSS, I tried my hand at making a CSS-only content slider. Initially I attempted to make it with checkboxes, but due to the behaviour of multiple checkboxes being checkable at the same time (which totally mungs up the idea for a slider where you only want one slide activated), I turned to radio buttons instead. The key difference between radios and checkboxes is that only one radio ...
Updated 11-27-2014 at 01:27 PM by Beverleyh (basic support added for IE7)
Blog Categories
Recent Comments
