Cameron Baney cameronbaney

The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).

The original BBC News process (and my re-working of the script) follows roughly these steps...

Create new instance of ImageEnhancer
Change any divs within the page (which have a class of delayed-image-load) into a transparent GIF using a Base64 encoded string.
- We set the width & height HTML attributes of the image to the required size
- We know what size the image needs to be because each div has custom data-attr set server-side to the size of the image
- We then set a class of image-replace onto each newly created transparent image
We use a 250ms setTimeout to unblock the UI thread and which calls a function resizeImages which enhances the image-replace images so their source is now set to a URL whe

	/**
	* This Handsontable plugin implements deferred data loading, useful for
	* large tables ("infinite scrolling").
	*
	*
	* Example usage
	* -------------
	* In this example data is fetched from a Django + Tastypie Api
	*
	* var hot = new Handsontable(document.getElementById('table'), {

	<!DOCTYPE HTML>
	<head>
	<title>Codesnippit NodeJS Twitter Tracker Client</title>
	</head>
	<body>
	<ul></ul>
	<script>
	(function() {
	var script = document.createElement("script");
	script.src = "http://code.jquery.com/jquery.min.js";

	<?php

	// Register the column
	function price_column_register( $columns ) {
	$columns['price'] = __( 'Price', 'my-plugin' );

	return $columns;
	}
	add_filter( 'manage_edit-post_columns', 'price_column_register' );