Images Slider

membuat slides images

< head>
##css-styles

html{
/*min-width: 300px;
height:100%;*/
} /*IE7*/
body{
/*background-color: black;
height:100%;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
font-size:100.1%;
font: 83%/1.4 verdana, arial, helvetica, sans-serif;
line-height:20px;*/
}
#imageflow img{ position:absolute; top:0px; }
#main{
max-width: 100%;
min-height:10%;
text-align:center;
position: relative;
background-color:#000;
}
#images{
visibility:hidden;
}
#loading_bar{
margin-top:80px;
margin-bottom:80px;
width:100%;
text-align:center;
}
#loading_bar img{
margin-top:5px;
position:relative;
}
#captions{
font-weight:bold;
position:relative;
text-align:center;
z-index:150;
color: #FFFFFF;
}
#scrollbar{
visibility:hidden;
position:relative;
border-bottom:1px solid #b3b3b3;
padding-top: 0px;
}

#slider{
position:absolute;
margin-top:-5px;
z-index:150;
background-image:url('up.gif');
background-repeat:no-repeat;
width:2px;
height:2px;
}
#imageflow{
text-align:left;
}

##java script

## fungsi java script

< /head>

< body>

< div id="imageflow">
< div id="loading_bar">
< b>Loading...
< img src="images/loading_imageflow.gif" width="208" height="13" alt="loading" />
< /div>

< div id="images">
< img src="images/portfolio/borneo_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/borneo.jpg|Borneo for Christ')" alt="Borneo for Christ" />
< img src="images/portfolio/adnet_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/adnet.jpg|Adnet')" alt="Adnet CMMI; McLean, VA" />
< img src="images/portfolio/prosource_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/prosource.jpg|ProSource Consulting')" alt="ProSource Consulting LLC; Gainesville, VA" />
< img src="images/portfolio/broadway_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/broadway.jpg|Broadway Gallery')" alt="Broadway Gallery; Fairfax, VA" />
< img src="images/portfolio/todaysdrum_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/todaysdrum.jpg|Todays Drum')" alt="Todays Drum" />
< img src="images/portfolio/colecroft_snapshot.jpg" longdesc="javascript:myLightbox.start('images/portfolio/colecroft.jpg|Colecroft')" alt="Colecroft Community; Alexandria, VA" />
< div id="captions">
< div id="scrollbar">
< div id="slider">
< /div>
< /div>
< /div>

< /body