Blog Comments

  1. Beverleyh's Avatar
    You can make IE8 behave like IE9, giving users a really basic slideshow without the fades, by using this CSS wrapped in IE8 conditional comments;
    Code:
    <!--[if IE 8]>
    <style>
    #slideshow .show:first-child 				{ background-image:url(path/to/1024x500/image-ie8-01.jpg) } 
    #slideshow :first-child + div.show 			{ background-image:url(path/to/1024x500/image-ie8-02.jpg) }
    #slideshow :first-child + div + div.show 		{ background-image:url(path/to/1024x500/image-ie8-03.jpg) }
    #slideshow :first-child + div + div + div.show 		{ background-image:url(path/to/1024x500/image-ie8-04.jpg) }
    #slideshow :first-child + div + div + div + div.show 	{ background-image:url(path/to/1024x500/image-ie8-05.jpg) }
    </style> 
    <![endif]-->
  2. Beverleyh's Avatar
    Responsive CSS3 Any Content Slider (with JavaScript auto-play, large touch-toggle and swipe support): http://fofwebdesign.co.uk/freebies-f...h-js-swipe.htm
  3. Beverleyh's Avatar
    TIP: Please be aware that if you have a RewriteCond/Rule in your .htaccess file to prettify URLs by stripping query strings from the end, the query strings on the opt-out switch will be stripped too, and the opt-out cookie will not activate;
    Code:
    <?php if ($layout == 'fixed') { 
    	echo '<p class="switch"><a href="?layout=rwd">Switch to Fluid Mobile Layout</a></p>'; // switch to default/rwd layout
    	} else { 
    	echo '<p class="switch"><a href="?layout=fixed">Switch to Fixed Desktop Layout</a></p>'; // switch to optout/fixed layout
    	} 
    ?>
  4. Beverleyh's Avatar
    Responsive CSS3 Any Content Slider (with JavaScript auto-play, simple controls and nav pips): http://fofwebdesign.co.uk/freebies-f...ps-auto-js.htm