diff --git a/examples/tile-load-events.html b/examples/tile-load-events.html
index 8a43cfa98d..883e42ec6d 100644
--- a/examples/tile-load-events.html
+++ b/examples/tile-load-events.html
@@ -10,6 +10,9 @@
     <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
     <title>Tile load events example</title>
     <style>
+      .map {
+        background: #E0ECED;
+      }
       .wrapper {
         position: relative;
       }
diff --git a/examples/tile-load-events.js b/examples/tile-load-events.js
index cdc57c43ec..48a6e61f0f 100644
--- a/examples/tile-load-events.js
+++ b/examples/tile-load-events.js
@@ -1,7 +1,7 @@
 goog.require('ol.Map');
 goog.require('ol.View');
 goog.require('ol.layer.Tile');
-goog.require('ol.source.OSM');
+goog.require('ol.source.TileJSON');
 
 
 
@@ -74,7 +74,10 @@ Progress.prototype.hide = function() {
 
 var progress = new Progress(document.getElementById('progress'));
 
-var source = new ol.source.OSM();
+var source = new ol.source.TileJSON({
+  url: 'http://api.tiles.mapbox.com/v3/mapbox.world-bright.jsonp',
+  crossOrigin: 'anonymous'
+});
 
 source.on('tileloadstart', function(event) {
   progress.addLoading();
@@ -88,6 +91,7 @@ source.on('tileloaderror', function(event) {
 });
 
 var map = new ol.Map({
+  logo: false,
   layers: [
     new ol.layer.Tile({source: source})
   ],