Changed from using display: none to hide images (doesn't work in Opera).

examples/basic/additivewave.html

@@ -75,7 +75,7 @@ <h2>AdditiveWave</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/alphamask.html

@@ -33,7 +33,7 @@ <h2>Alphamask</h2>
   image(img, mouseX-50, mouseY-50);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/arctangent.html

@@ -74,7 +74,7 @@ <h2>Arctangent</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/arm.html

@@ -45,7 +45,7 @@ <h2>Arm</h2>
   line(0, 0, segLength, 0);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/array.html

@@ -41,7 +41,7 @@ <h2>Array</h2>
   line(i, width/3*2, i, height);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/array2d.html

@@ -35,7 +35,7 @@ <h2>Array2D</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/arrayobjects.html

@@ -78,7 +78,7 @@ <h2>ArrayObjects</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/backgroundimage.html

@@ -36,7 +36,7 @@ <h2>BackgroundImage</h2>
   line(0, a-6, width, a-32);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/milan_rubbish.jpg' id='milan_rubbish.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/milan_rubbish.jpg' id='milan_rubbish.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/bezier.html

@@ -24,7 +24,7 @@ <h2>Bezier</h2>
   bezier(90-(i/2.0), 20+i, 210, 10, 220, 150, 120-(i/8.0), 150+(i/4.0));
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/bezierellipse.html

@@ -110,7 +110,7 @@ <h2>BezierEllipse</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/brightness.html

@@ -38,7 +38,7 @@ <h2>Brightness</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/charactersstrings.html

@@ -83,7 +83,7 @@ <h2>CharactersStrings</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/rathausFrog.jpg' id='rathausFrog.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/rathausFrog.jpg' id='rathausFrog.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/clock.html

@@ -38,7 +38,7 @@ <h2>Clock</h2>
   line(100, 100, cos(h) * 50 + 100, sin(h) * 50 + 100);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/colorwheel.html

@@ -85,7 +85,7 @@ <h2>ColorWheel</h2>
   } 
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/compositeobjects.html

@@ -111,7 +111,7 @@ <h2>CompositeObjects</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/conditionals1.html

@@ -32,7 +32,7 @@ <h2>Conditionals1</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/conditionals2.html

@@ -32,7 +32,7 @@ <h2>Conditionals2</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/constrain.html

@@ -46,7 +46,7 @@ <h2>Constrain</h2>
   ellipse(mx, my, esize, esize);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/coordinates.html

@@ -47,7 +47,7 @@ <h2>Coordinates</h2>
 // and the second two are the width and height
 rect(110, 55, 40, 36);
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/creategraphics.html

@@ -39,7 +39,7 @@ <h2>CreateGraphics</h2>
   image(pg, 60, 60); 
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/createimage.html

@@ -30,7 +30,7 @@ <h2>CreateImage</h2>
   image(img, mouseX-60, mouseY-60);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/mask.jpg' id='mask.jpg'/><img src='data/test.jpg' id='test.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/creating.html

@@ -32,7 +32,7 @@ <h2>Creating</h2>
 fill(inside);
 rect(60, 90, 80, 80);
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/datatypeconversion.html

@@ -34,7 +34,7 @@ <h2>DatatypeConversion</h2>
 fill(255);
 rect(b, 134, 40, 66);
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/displaying.html

@@ -18,7 +18,7 @@ <h2>Displaying</h2>
 image(a, 0, 0); // Displays the image from point (0,0)
 image(a, width/2, 0, a.width/2, a.height/2);
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/arch.jpg' id='arch.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/arch.jpg' id='arch.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/distance1d.html

@@ -55,7 +55,7 @@ <h2>Distance1D</h2>
   if(xpos4 >  width) { xpos4 = -thick; }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/distance2d.html

@@ -36,7 +36,7 @@ <h2>Distance2D</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/doublerandom.html

@@ -26,7 +26,7 @@ <h2>DoubleRandom</h2>
   rand += random(-5, 5);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/easing.html

@@ -47,7 +47,7 @@ <h2>Easing</h2>
   ellipse(x, y, 33, 33);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/embeddediteration.html

@@ -29,7 +29,7 @@ <h2>EmbeddedIteration</h2>
   box_size = box_size - 0.6; 
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/embeddedlinks.html

@@ -77,7 +77,7 @@ <h2>EmbeddedLinks</h2>
 
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/functions.html

@@ -39,7 +39,7 @@ <h2>Functions</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/graphing2dequation.html

@@ -46,7 +46,7 @@ <h2>Graphing2DEquation</h2>
   updatePixels();
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/hue.html

@@ -37,7 +37,7 @@ <h2>Hue</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/incrementdecrement.html

@@ -52,7 +52,7 @@ <h2>IncrementDecrement</h2>
   line(b, height/2+1, b, height);
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/inheritance.html

@@ -84,7 +84,7 @@ <h2>Inheritance</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/integersfloats.html

@@ -42,7 +42,7 @@ <h2>IntegersFloats</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/iteration.html

@@ -51,7 +51,7 @@ <h2>Iteration</h2>
   k+=10;
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/keyboard.html

@@ -46,7 +46,7 @@ <h2>Keyboard</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/keyboardfunctions.html

@@ -96,7 +96,7 @@ <h2>KeyboardFunctions</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"><img src='data/brugges.jpg' id='brugges.jpg'/></div>
+<div style="height:0px;width:0px;overflow:hidden;"><img src='data/brugges.jpg' id='brugges.jpg'/></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/letters.html

@@ -69,7 +69,7 @@ <h2>Letters</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/lineargradient.html

@@ -79,7 +79,7 @@ <h2>LinearGradient</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/loadingimages.html

@@ -21,7 +21,7 @@ <h2>LoadingImages</h2>
 img1 = loadImage("http://iwin.nws.noaa.gov/iwin/images/ecir.jpg");
 image(img1, 0, 0);
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/logicaloperators.html

@@ -48,7 +48,7 @@ <h2>LogicalOperators</h2>
   }
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>

examples/basic/loop.html

@@ -46,7 +46,7 @@ <h2>Loop</h2>
   loop();
 }
 </script><canvas width="200" height="200"></canvas></p>
-<div style="display:none;"></div>
+<div style="height:0px;width:0px;overflow:hidden;"></div>
 
 <pre><b>// All Examples Written by <a href="http://reas.com/">Casey Reas</a> and <a href="http://benfry.com/">Ben Fry</a>
 // unless otherwise stated.</b>