quick script, round corners, color art site

Quick Script Page

Filter - Gray

Filter - Xray

Filter - Flip

Picture over Link

Link1
Link2
Link3

<script language="JavaScript" type="text/javascript">
                    <!--
                    var bild1 = new Image();
                    var bild2 = new Image();
                    var bild3 = new Image();

bild1.src = "tn_romance1.jpg";
                    bild2.src = "tn_landscape8.jpg";
                    bild3.src = "tn_catwoman2.jpg";

function doButtons(picimage) {
                    eval("document['picture'].src = " + picimage + ".src");
                    }
                    //-->
                    </script>
                    
                    <table border=0 width="197">
                          <tr>
                            <td width="197">
                              <div align="center">
                                <a href = "tn_romance1.jpg" onmouseover = "doButtons('bild1')">Link1</a><br>
                                <a href = "tn_landscape8.jpg" onmouseover = "doButtons('bild2')">Link2</a><br>
                                <a href = "tn_catwoman2.jpg" onmouseover = "doButtons('bild3')">Link3</a>
                                  </div>
                                    <td width="70" style="border-style: solid; border-width: 1">
                              <div align="center"><img name=picture src="http://www.artme.se" width=70 height=51></div>
                            </td>
                    </tr>
                    </table>

Picture transition

<script>
                    
                    </script>
                    <script language="JavaScript" type="text/javascript">
                    <!--
                    if (document.all){
                    //Put your images into the array below. Add as many as needed.
                    pics=new Array("tn_catwoman2.jpg","tn_romance1.jpg","tn_landscape8.jpg")
                    //Transition speed. 4000 = 4 seconds etc.
                    delay=4000;
                    //Nothing needs altering paste here.
                    l=new Array()
                    for (i=0; i < pics.length;i++){
                    l[i]=new Image()
                    l[i].src=pics[i]
                    }
                    n="progid:DXImageTransform.Microsoft.";
                    f=new Array()
                    f[0]="Wheel(spokes=4)";
                    f[1]="Blinds(Bands=10,direction=up)";
                    f[2]="Stretch(stretchstyle=PUSH)";
                    f[3]="Stretch(stretchstyle=SPIN)";

f[4]="RadialWipe(wipestyle=RADIAL)";
                    f[5]="RadialWipe(wipestyle=WEDGE)";
                    f[6]="Checkerboard(Direction=right,SquaresX=8,SquaresY=8)";
                    f[7]="Fade(Overlap=1.00)";
                    f[8]="GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)";
                    f[9]="Iris(irisstyle=CIRCLE,motion=out)";
                    f[10]="Iris(irisstyle=STAR,motion=out)";
                    f[11]="Barn( motion=out,orientation=vertical)";
                    f[12]="Barn( motion=in,orientation=vertical)";
                    f[13]="Strips(motion=leftup)";
                    f[14]="Slide(slidestyle=HIDE,Bands=1)";
                    f[15]="Slide(slidestyle=PUSH,Bands=1)";
                    f[16]="Slide(slidestyle=SWAP,Bands=1)";
                    f[17]="RandomDissolve(duration=1)";
                    imgstep=0;
                    function ani(){
                    rnd=f[Math.floor(Math.random()*f.length)]
                    box.style.filter=n+rnd;
                    box.filters[0].apply();
                    box.src=l[imgstep].src;
                    box.filters[0].play();
                    imgstep++;
                    if (imgstep >= l.length) imgstep=0;
                    setTimeout("ani()",delay);
                    }
                    window.onload=new Function("setTimeout('ani()',delay)")
                    }
                    //-->
                    </script>

Picture preview with Button

Drop down with color

1.Drop down with more color

Drop down with link

Coloured Box.

It's just a one celled table that can be used to emphasize certain content.Warning, something very important

This is an example of an "Coloured Box".

A hover menu with background image

Needed images »

<div id="navcontainer">
                <ul id="navlist">
                <li id="active"><a href="#" id="current">Item one</a></li>
                <li><a href="#">Item two</a></li>
                <li><a href="#">Item three</a></li>
                <li><a href="#">Item four</a></li>
                <li><a href="#">Item five</a></li>
                </ul>
                </div>
             
                <style type="text/css">
                #navcontainer ul
                {
                margin: 0;
                padding: 0;
                list-style-type: none;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                }

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
                {
                display: block;
                padding: 2px 2px 2px 24px;
                border: 1px solid #333;
                width: 160px;
                background-color: #999;
                background-image: url(l1_down.gif);
                }

#navcontainer a:link, #navlist a:visited
                {

color: #EEE;
                text-decoration: none;
                }

#navcontainer a:hover
                {
                border: 1px solid #333;
                background-color: #F60;
                background-image: url(l1_over.gif);
                color: #333;
                }

#active a:link, #active a:visited, #active a:hover
                {
                border: 1px solid #333;
                background-color: #FF6600;
                background-image: url(l1_over.gif);
                color: #333;
                }
                </style>