Yardım-Slider da Köprü Yapımı

Merhaba arkadaşlar, bir site üzerine çalışıyorum.
Bir yerde takıldım, yardımcı olabilirseniz sevinirim.

Demo Free Html5 and Css3 Templates | Html5xcss3.com

bu siteyi değiştirerek bir site yapıyorum. Ortada duran büyük slderda köprü yapmak istiyorum. Ancak beceremedim. Resimin üzerine tıklayınca ilgili sayfaya gitmesini istiyorum.

bahsettiğim sliderın kodu bu nasıl bir değişiklik yapmam gerekiyor?


<!-- Slider -->
<div class="mp-slider">
<ul class="items">
<li><img src="images/slide-1.jpg" alt="" /><div class="banner"><span class="row-1"></span></div></li>
<li><img src="images/slide-2.jpg" alt="" /><div class="banner"><span class="row-1"></span></div></li>
<li><img src="images/slide-3.jpg" alt="" /><div class="banner"><span class="row-1"></span></div></li>
<li><img src="images/slide-4.jpg" alt="" /><div class="banner"><span class="row-1"></span></div></li>
<li><img src="images/slide-5.jpg" alt="" /><div class="banner"><span class="row-1"></span></div></li>
</ul>
<a href="#" class="mp-prev"></a>
<a href="#" class="mp-next"></a>
</div>