<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#MBT-slider').s3Slider({
timeOut: 3000
});
});
</script>
<style>
#MBT-slider {
width: 590px; /* Keep it 20px-40PX greater than ACTUAL Image size */
height: 335px;
position: relative;
overflow: hidden;
margin-left: 0;
}
#MBT-sliderContent {
width: 590px;
position: absolute;
top: 0;
margin-left: 0;
}
.MBT-sliderImage {
float: left;
position: relative;
display: none; top: 0;
border:1px solid #ddd;
}
.MBT-sliderImage span {
position: absolute;
font: 10px/15px sans-serif,Arial, Helvetica;
padding: 10px 10px;
background-color: #000;
color: #fff;
filter:'alpha(opacity=70)';
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5;
text-align:justify;
}
.MBT-sliderImage span a {
text-decoration:underline;
color:#FE6602;
}
.clear {
clear: both;
}
.top {
top: 0;
left: 0;
width: 570px !important;
height: 70px;
}
.bottom {
bottom: 0;
left: 0;
width: 570px !important;
height:90px;
}
.left {
left: 0;
top: 0;
width: 110px !important;
height: 335px;
}
.right {
right: 0;
bottom: 0;
width: 80px !important;
height: 319px;
}
</style>
<div id="MBT-slider">
<ul id="MBT-sliderContent">
<li class="MBT-sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZWhz_BrYWNDVIe-8lDjd6NLHFPz0Y1JgrnUtB-5sIDaIHXVYfKCtzWZkdBPWxZHIVpNAs6F2GVTdG51AX6sKGdEUOuaztXv7zgUErnF-nf3ECjMN6tTE-so1aFl7WsZ-doIiRx2on3nO/s800/msvs2012.png" />
<span class="right"><h3>Microsoft Visual Studio</h3>A Development Tool For Website Development</span>
</li>
<li class="MBT-sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-rva2ChAWUOKpd5DrFCGp5_ofbYqlGycUs_dmAsI03Y1vHwL7y4GC79pqhZ9o9Dc5elju2UrLi3UxZlfg_IqGDFil7zRR_l2iBwRIS4RHTE7j98m4kzO7A1KyjMIr8AMrRlvUqjHYdz9/s800/mmsqll.png" />
<span class="left"><h3>Microsoft SqlServer</h3>Its Database For Dotnet Webiste </span>
</li>
<li class="MBT-sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcYceepmzNBei8UEnimodXM7knanM20OM6Rwaj7PQTmzbTMenub4X1RRIDyuzx0ndRrfqzd3n00tVAfbXE3PtKWiZoVsc_c6DOW1pjJ7XoP-8YD30nW8TGZ6x0ObRCQ-j7DmrGgjofsSML/s800/mscomp.png" />
<span class="top"><h3>Latest Techology</h3>Find The Up to date Techs</span>
</li>
<li class="MBT-sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnV6XFYbfIFgnpvWRDCFMZ9BKd_Mq7Lw1FlYIICw35_x7Ac9WwXZZo-InW7IrZjnl__jh-Ua1qkNswgY5rFz18mFddkjzBYy-j3rKb8_HCGzkE6enI87K7mB-pUd2tsDXt8G3j4-etKJ-/s800/banner121.png" />
<span class="bottom"><h3>Development de tech</h3>Development de tech is blog for helping developers</span>
</li>
<li class="MBT-sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs7J0PMYtlkkTOV5KeOtCOzQ-aVzWVLgeGFLKoDwXDP-Dne3Z7k9kuZed_T0Jjo8gxnDEL1Njl7bkk7F2FVLVSYDplk73Z9kRgD4pdkGOuIWJL3pOrKBtcu1gPgyOLFuZlO4WLtAdc1Fix/s800/banner12.png" />
<span class="bottom"><h3>Development de tech</h3>Online Helping Guide </span>
</li>
<div class="clear MBT-sliderImage"></div>
</ul>
</div>
