Ben olsam html kısmını şu şekilde yapardım.
<div style="position: relative;" class="sliderİmg1">
<a href="#"><img src="img/bootstrap-1.jpg"></a>
<h3 class="imgText" style="display: none;">Bootstrap'ı projenize ekleme</h3>
</div>

Javascript kısmınıda aşağıdaki gibi yapardım.

$(document).ready(function(){
    $('.sliderİmg1').mouseover(function(){
        $(this ).children("a").animate({
            opacity: 0.75,
          }, 300)
          $(this ).children('.imgText').show(200);
    })
    $('.sliderİmg1').mouseout(function(){        
          $(this ).children("a").animate({
            opacity: 1,
          }, 300)
          $(this ).children('.imgText').hide(200);
    })
})