http://soft-side.ru/_rip/2.jpg

<div class="scrollItem">
<div width="10%"><!-- Див, в ктором находится наш текст и картинка -->
<img src="ссылка на картинку" alt="Обязательное описание, он будет выводиться 1" width="350" height="200">

<div style="background:#1C1C1C;opacity:0.7;filter:alpha(opacity=70);position:relative;center:100px;top:-30px;height:30px;color:white;">
<strong>Киевское "Обязательное описание, он будет выводиться 1</strong>
</div>
</div>
</div>
<div class="scrollItem">

<div width="10%"><!-- Див, в ктором находится наш текст и картинка -->
<img src="ссылка на картинку" alt="Обязательное описание, он будет выводиться 2" width="350" height="200">
<div style="background:#1C1C1C;opacity:0.7;filter:alpha(opacity=70);position:relative;center:100px;top:-30px;height:30px;color:white;">
<strong>Обязательное описание, он будет выводиться 2</strong>
</div>
</div>
</div>
<div class="scrollItem" width="400" height="200">
<div width="10%"><!-- Див, в ктором находится наш текст и картинка -->
<img src="ссылка на картинку" alt="Обязательное описание, он будет выводиться 3" width="350" height="200">

<div style="background:#1C1C1C;opacity:0.7;filter:alpha(opacity=70);position:relative;center:100px;top:-30px;height:30px;color:white;">
<strong>Месут Озил перешел в "Обязательное описание, он будет выводиться 3</strong>
</div>
</div>
</div>
</div>
<div class="scrollNavi">

<div style="float:right;"><a href="javascript://" class="scrollNext" title="Следующий"><img src="http://s56.radikal.ru/i151/1009/b0/8b854991b020.png"></a></div>
<a href="javascript://" class="scrollPrev" title="Предыдущий"><img src="http://s59.radikal.ru/i165/1009/07/cf4bfcec53bc.png"></a>

</div>
</div>
</center>

Источник: soft-side.ru