Arkadaşlar yapmak istediğim sey şu 1 tane veritabanım var icinde ise haberler ve resimler adlı "2 tane "

ayrı "tablo" var
"haber" tablosunda icindeki sutunlar şunlar
id
ozet
baslik

"resimler" tablosunda ise
resimid
resim

ben aşağıdaki manset bölümüne entegre etmek istiorum nasıl yapabilirim resme tıkladığımda
resim ve haber özetleri gelecek aşağıda kod mevcuttur bir yardımcı olurmusunuz.


<div class="eleven columns row alpha omega">
<div id="featured-slider" class="block">
<div id="slider" class="nivoSlider">
<!-- max five (5) images -->
<img src="images/featured-image-1.jpg" data-thumb="images/featured-image-1.jpg" alt="" title="#htmlcaption-1" />
<img src="images/featured-image-2.jpg" data-thumb="images/featured-image-2.jpg" alt="" title="#htmlcaption-2" />
<img src="images/featured-image-3.jpg" data-thumb="images/featured-image-3.jpg" alt="" title="#htmlcaption-3" />
<img src="images/featured-image-4.jpg" data-thumb="images/featured-image-4.jpg" alt="" title="#htmlcaption-4" />
<img src="images/featured-image-5.jpg" data-thumb="images/featured-image-5.jpg" alt="" title="#htmlcaption-5" />
</div>
<div id="htmlcaption-1" class="nivo-html-caption">
<h4>haberş</h4>
<p>haber icerik.</p>
</div>
<div id="htmlcaption-2" class="nivo-html-caption">
<h4>haberş</h4>
<p>haber icerik.</p>
</div>
<div id="htmlcaption-3" class="nivo-html-caption">
<h4>haberş</h4>
<p>haber icerik.</p>
</div>
<div id="htmlcaption-4" class="nivo-html-caption">
<h4>haberş</h4>
<p>haber icerik.</p>
</div>
<div id="htmlcaption-5" class="nivo-html-caption">
<h4>haberş</h4>
<p>haber icerik.</p>
</div>
</div>
</div>