Add notes that pixel browsing does not work when running from JupyterLite.

Author: petercorke

docs/notebooks/color-images.ipynb

@@ -192,6 +192,8 @@
    "source": [
     "As we saw earlier, the image view is interactive. As you move the cursor over the image, the pixel coordinates and value are updated at the bottom of the window.  The displayed pixel values are always in the range 0 to 255 which are minimum and maximum possible values for the `uint8` pixel data type.\n",
     "\n",
+    "<p style=\"border:3px; background-color:#FF0000; padding: 1em; text-align: center;\">When running from JupyterLite in a browser tab this functionality does not work.</p>\n",
+    "\n",
     "A toolbar provides some extra functionality.  You can select a region to get an expanded view, pan that selected region around, change the zoom level, or revert to the original view."
    ]
   },

docs/notebooks/greyscale-images.ipynb

@@ -121,9 +121,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "and the result is much the same, except the colors are now just black and white.  It's a common convention that zero valued pixels are displayed as black.  `idisp` has scaled the values in the array so that the biggest value, 1, is displayed as brightest white.\n",
+    "and the result is much the same, except the colors are now just black and white.  It's a common convention that zero-valued pixels are displayed as black.  `idisp` has scaled the values in the array so that the biggest value, 1, is displayed as brightest white.\n",
     "\n",
-    "As you drift the cursor over the image the pixel coordinates and pixel values are displayed beneath the image. A subtle difference is that the pixel coordinates are always integers, and the datatype of the pixel is also shown.  "
+    "As you drift the cursor over the image the pixel coordinates and pixel values are displayed beneath the image. A subtle difference is that the pixel coordinates are always integers, and the datatype of the pixel is also shown. \n",
+    "\n",
+    "<p style=\"border:3px; background-color:#FF0000; padding: 1em; text-align: center;\">When running from JupyterLite in a browser tab this functionality does not work.</p>"
    ]
   },
   {
@@ -137,7 +139,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"border:3px; background-color:#FF0000; padding: 1em; text-align: center;\">Note that in this section we will consider grey scale or monochrome images.  Have a look at the color-images.ipynb notebook in this folder.</p>\n",
+    "**In this section we will consider grey scale or monochrome images.  Have a look at the color-images.ipynb notebook in this folder.**\n",
     "\n",
     "# Images and pixels\n",
     "\n",