Watercolor paintings by Demo Artist.
This will be 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." Here we have a "conveyor-belt" script for thumbnails and an IFRAME to display images.
This was to be original proposal for JM, using her images herein displayed for demo purposes only.
Conveyor-belt slideshow from DynamicDrive.com
/* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) This notice MUST stay intact for legal use. Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code */ //Specify the slider's width (in pixels) var sliderwidth="160px" //Specify the slider's height var sliderheight="85px" //Specify the slider's slide speed (larger is faster 1-10) var slidespeed=2 //configure background color: slidebgcolor="#c1ffc1" //Specify the slider's images var dropimages=new Array() var finalslide='' dropimages[0]=' '
dropimages[1]='
'
dropimages[1]=' '
dropimages[2]='
'
dropimages[2]=' '
dropimages[3]='
'
dropimages[3]=' '
dropimages[4]='
'
dropimages[4]=' '
dropimages[5]='
'
dropimages[5]=' '
dropimages[6]='
'
dropimages[6]=' '
//Specify gap between each image (use HTML):
var imagegap="   ";
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=10
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
dropimages='
'
//Specify gap between each image (use HTML):
var imagegap="   ";
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=10
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
dropimages='| ')
if (iedom){
write('')
}
else if (document.layers){
write(' | 
http://www.dynamicdrive.com/dynamicindex14/bookflip.htm
For this layout, we used :
...
This sample demo page is landscape/inexIframe.html. See also floral/indexRow.html, 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:   (1)   Web design and animation by Denise deGoumois http://www.auntnini.com.
  (2)    Javascript for conveyor-belt slideshow from DynamicDrive.com.   
Your computer shows TODAY is: . ENJOY!
| Floral | Scenes | critters | Objects | Illustration | Bio Bits | Contact |
Go to top of pageAhem! Excuse us . . . if you see this message, your browser does not support Cascading Style Sheets. This site uses CSS.