Edit in JSFiddle

<!--Começo do código http://mult-focos.blogspot.com.br/-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/MFSlider.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
   $('#btrix_slider3').s3Slider({ 
      timeOut: 3000
   }); 
}); 
</script>
<style>
#btrix_slider3 {
   width: 490px; /* Keep it 20px-40PX greater than ACTUAL Image size */
   height: 400px;
   position: relative;
   overflow: hidden;
   margin-left: 0;
}
#btrix_slider3Content {
   width: 490px;
   position: absolute;
   top: 0;
   margin-left: 0;
}
.btrix_slider3Image {
   float: left;
   position: relative;
   display: none;  top: 0;
   border:1px solid #ddd;
}
.btrix_slider3Image 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;
}
.btrix_slider3Image span a {
text-decoration:underline;
color:#FE6602;
}
.clear {
   clear: both;
}
.top {
    top: 0;
    left: 0;
    width: 380px !important;
    height: 70px;
}
.bottom {
    bottom: 0;
    left: 0;
    width: 380px !important;
    height:70px;
}
.left {
    left: 0;
    top: 0;
    width: 75px !important;
    height: 190px;
}
.right {
    right: 0;
    bottom: 0;
    width: 75px !important;
    height: 190px;
}
</style>

<br />
<div id="btrix_slider3">
<ul id="btrix_slider3Content">
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/HawthornTreesonMoelFindeg_zps3bc731d7.jpg" /> 
<span class="left"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/NatureReservenearHagnabyLock_zps2a8867ef.jpg" /> 
<span class="left"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/Bremerbaynature_zps803112e3.jpg" /> 
<span class="top"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span>
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/Bremerbaypanorama_zpse79826ba.jpg" /> 
<span class="bottom"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<div class="clear btrix_slider3Image">
</div>
</ul>
</div>
<br />
<!--Fim do código http://mult-focos.blogspot.com.br/-->
<span style="font-size: 80%; float:right;">Adquira este <a href="http://mult-focos.blogspot.com.br/2014/06/widget-de-apresentacao-de-slides-para_9.html" target="_blank">widget</a></span> 
<!-- Fim do código Mult-focos -->

<!--Começo do código http://mult-focos.blogspot.com.br/-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/MFSlider.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
   $('#btrix_slider3').s3Slider({ 
      timeOut: 3000
   }); 
}); 
</script>
<style>
#btrix_slider3 {
   width: 490px; /* Keep it 20px-40PX greater than ACTUAL Image size */
   height: 400px;
   position: relative;
   overflow: hidden;
   margin-left: 0;
}
#btrix_slider3Content {
   width: 490px;
   position: absolute;
   top: 0;
   margin-left: 0;
}
.btrix_slider3Image {
   float: left;
   position: relative;
   display: none;  top: 0;
   border:1px solid #ddd;
}
.btrix_slider3Image 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;
}
.btrix_slider3Image span a {
text-decoration:underline;
color:#FE6602;
}
.clear {
   clear: both;
}
.top {
    top: 0;
    left: 0;
    width: 380px !important;
    height: 70px;
}
.bottom {
    bottom: 0;
    left: 0;
    width: 380px !important;
    height:70px;
}
.left {
    left: 0;
    top: 0;
    width: 75px !important;
    height: 190px;
}
.right {
    right: 0;
    bottom: 0;
    width: 75px !important;
    height: 190px;
}
</style>

<br />
<div id="btrix_slider3">
<ul id="btrix_slider3Content">
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/HawthornTreesonMoelFindeg_zps3bc731d7.jpg" /> 
<span class="left"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/NatureReservenearHagnabyLock_zps2a8867ef.jpg" /> 
<span class="left"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/Bremerbaynature_zps803112e3.jpg" /> 
<span class="top"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span>
</li>
<li class="btrix_slider3Image"> 
<img src="http://i1316.photobucket.com/albums/t609/Multfocos/Bremerbaypanorama_zpse79826ba.jpg" /> 
<span class="bottom"><h3>
TITULO AQUI</h3>
DESCRIÇÃO AQUI</span> 
</li>
<div class="clear btrix_slider3Image">
</div>
</ul>
</div>
<br />
<!--Fim do código http://mult-focos.blogspot.com.br/-->
<span style="font-size: 80%; float:right;">Adquira este <a href="http://mult-focos.blogspot.com.br/2014/06/widget-de-apresentacao-de-slides-para_9.html" target="_blank">widget</a></span> 
<!-- Fim do código Mult-focos -->