Watercolor paintings by Demo Artist.

Skip Ads

This is a demo site called "art demo." Trying an all CSS layout is tricky here. Worse than differences in image sizes, is great variations in their "aspect ratios."

This CSS image effect is from: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/#thumb.
See Eric Meyer's explanation about how hover/span works at http://meyerweb.com/eric/css/edge/popups/demo.html
See also../sketch/tableTestCSS.html


elanaBlack GIF


Other image-gallery effects worth checking out are: jQuery FANCY BOX; Lightbox JS v2.0 by Lokesh Dhakar; and JAS-Gallery by Robert Nyman. These are very complicated jQuery/JavaScript/JAS scripts that we have not been able to implement here. For our attempts so far see illustration/indexfancyBox.html and indexLightbox.html.

This sample demo page is illustration/indexCSS.html. See also indexCol.html (which does not use rows), index.htm (which features a Javascript slideshow), indexTable.html (experimenting with image sizing and positioning), and indexCSS.html (another CSS layout).

Credits:   Web design and animation by Denise deGoumois http://www.auntnini.com.

Your computer shows TODAY is:   .  ENJOY!

Floral | Scenes | People | Objects | Kidstuff | Bio Bits | Contact |

Go to top of page

Ahem! Excuse us . . . if you see this message, your browser does not support Cascading Style Sheets. This site uses CSS.

Go to top of page