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[2]='' dropimages[3]='' dropimages[4]='' dropimages[5]='' 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='')
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.