Professional Documents
Culture Documents
Slider
Slider
/* http://dimpost.com */
#slider {
width:610px;height:306px;/* Make it the same size as your images */
background:#fff url(http://4.bp.blogspot.com/-
8WyJEzOX5bQ/Vlmk3td6xvI/AAAAAAAACro/LqU1UbKZMiU/s000/loading.gif) no-repeat 50%
50%;
position:relative;
#slider img {
position:absolute;
border:none;
display:none;
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
position:absolute;
width:100%;
height:auto;
padding:0;
left:0px;
bottom:15px;
z-index:3;
overflow:hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color:none;
}
div.mc-caption {
font: bold 14px/20px Arial;
color:#EEE;
z-index:4;
padding:10px 0;
text-align:center;
}
div.mc-caption a {
color:#FB0;
}
div.mc-caption a:hover {
color:#DA0;
}
<div id="sliderFrame">
<div id="slider">
<a href="#"><img src="http://1.bp.blogspot.com/-
UqrJBIZsRwI/Vlmk6TLBmTI/AAAAAAAACrw/P27mtIuJjc4/s000/1.png" alt=" " /></a>
</div>
</div>