diff --git a/examples/wms-capabilities.html b/examples/wms-capabilities.html
index 1b4f1e4397..a5a025efc8 100644
--- a/examples/wms-capabilities.html
+++ b/examples/wms-capabilities.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: WMS GetCapabilities parsing example
+layout: strapless.html
+title: WMS Capabilities Parsing
shortdesc: Example of parsing a WMS GetCapabilities response.
docs: >
This example shows the contents of the result object from parsing a WMS capabilities response.
tags: "wms, capabilities, getcapabilities"
---
-
+
diff --git a/examples/wms-capabilities.js b/examples/wms-capabilities.js
index 2e3d201026..349634ddf3 100644
--- a/examples/wms-capabilities.js
+++ b/examples/wms-capabilities.js
@@ -2,7 +2,9 @@ goog.require('ol.format.WMSCapabilities');
var parser = new ol.format.WMSCapabilities();
-$.ajax('data/ogcsample.xml').then(function(response) {
- var result = parser.read(response);
- $('#log').html(window.JSON.stringify(result, null, 2));
+fetch('data/ogcsample.xml').then(function(response) {
+ return response.text();
+}).then(function(text) {
+ var result = parser.read(text);
+ document.getElementById('log').innerText = JSON.stringify(result, null, 2);
});
diff --git a/examples/wms-custom-proj.html b/examples/wms-custom-proj.html
index 7aa51e45e3..bff8fe1371 100644
--- a/examples/wms-custom-proj.html
+++ b/examples/wms-custom-proj.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: Tiled WMS with custom projection example
+layout: strapless.html
+title: Custom Tiled WMS
shortdesc: Example of using custom coordinate transform functions.
docs: >
With `ol.proj.addCoordinateTransforms()`, custom coordinate transform functions can be added to configured projections.
tags: "wms, tile, tilelayer, projection"
---
-
+
diff --git a/examples/wms-custom-tilegrid-512x256.html b/examples/wms-custom-tilegrid-512x256.html
index 1a2ff0a21a..93d81976f9 100644
--- a/examples/wms-custom-tilegrid-512x256.html
+++ b/examples/wms-custom-tilegrid-512x256.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: WMS custom tile grid 512x256 example
+layout: strapless.html
+title: WMS 512x256 Tiles
shortdesc: Example of a WMS layer with 512x256px tiles.
docs: >
WMS can serve arbitrary tile sizes. This example uses a custom tile grid with non-square tiles.
tags: "wms, tile, non-square"
---
-
+
diff --git a/examples/wms-image-custom-proj.html b/examples/wms-image-custom-proj.html
index 692543b8b3..f97fd47937 100644
--- a/examples/wms-image-custom-proj.html
+++ b/examples/wms-image-custom-proj.html
@@ -1,16 +1,12 @@
---
-layout: example.html
-title: Single image WMS with Proj4js projection example
+layout: strapless.html
+title: Single Image WMS with Proj4js
shortdesc: Example of integrating Proj4js for coordinate transforms.
docs: >
- With transparent [Proj4js](http://proj4js.org/) integration, OpenLayers can transform coordinates between arbitrary projections.
+ With [Proj4js](http://proj4js.org/) integration, OpenLayers can transform coordinates between arbitrary projections.
tags: "wms, single image, proj4js, projection"
resources:
- http://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js
- http://epsg.io/21781-1753.js
---
-
+
diff --git a/examples/wms-image.html b/examples/wms-image.html
index 182821f7b7..b758da93e2 100644
--- a/examples/wms-image.html
+++ b/examples/wms-image.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: Single image WMS example
+layout: strapless.html
+title: Single Image WMS
shortdesc: Example of a single image WMS layer.
docs: >
WMS can be used as an Image layer, as shown here, or as a Tile layer, as shown in the [Tiled WMS example](wms-tiled.html) example. Tiles can be cached, so the browser will not re-fetch data for areas that were viewed already. But there may be problems with repeated labels for WMS servers that are not aware of tiles, in which case single image WMS will produce better cartography.
tags: "wms, image"
---
-
+
diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html
index aad428fba4..d44a2dbb4c 100644
--- a/examples/wms-no-proj.html
+++ b/examples/wms-no-proj.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: WMS without client projection example
+layout: strapless.html
+title: WMS without Projection
shortdesc: Example of two WMS layers using the projection EPSG:21781, which is unknown to the client.
docs: >
As long as no coordinate transformations are required, OpenLayers 3 works fine with projections that are only configured with a `code` and `units`.
tags: "wms, projection"
---
-
+
diff --git a/examples/wms-tiled-wrap-180.html b/examples/wms-tiled-wrap-180.html
index 354a586d48..cc8125177c 100644
--- a/examples/wms-tiled-wrap-180.html
+++ b/examples/wms-tiled-wrap-180.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: Tiled WMS wrap 180° meridian example
+layout: strapless.html
+title: Tiled WMS Wrapping
shortdesc: Example of a tiled WMS layer that wraps across the 180° meridian.
docs: >
- The `wrapX` option is set to `true` here so tiles will be wrapped around the x-axis.
+ By default, WMS tiles are reused across the 180° meridian. The can be disabled by setting the `wrapX` option to `false`.
tags: "wms, tile, dateline, wrap, 180"
---
-
+
diff --git a/examples/wms-tiled.html b/examples/wms-tiled.html
index 31972b5511..10fbabebca 100644
--- a/examples/wms-tiled.html
+++ b/examples/wms-tiled.html
@@ -1,13 +1,9 @@
---
-layout: example.html
-title: Tiled WMS example
+layout: strapless.html
+title: Tiled WMS
shortdesc: Example of a tiled WMS layer.
docs: >
WMS can be used as a Tile layer, as shown here, or as an Image layer, as shown in the [Single Image WMS example](wms-image.html) example. Tiles can be cached, so the browser will not re-fetch data for areas that were viewed already. But there may be problems with repeated labels for WMS servers that are not aware of tiles, in which case single image WMS will produce better cartography.
tags: "wms, tile, tilelayer"
---
-
+