データベースから画像URLを取得する方法画像をクリックしてそのURLにリダイレクトできるようにする

Question

私はURLのデータベースに画像を保存しました。私がやっているのは、データベースから画像を取り出して、それをブートストラップカルーセルに表示していることです。それは完全に動作します。しかし、誰かが画像をクリックすると、その画像にリンクされているURLにリダイレクトされるようにURLを取得したいと思います。

ここでは、スライダーで画像を表示するために行ったコーディングを示します。

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="15000"> 
<!-- Indicators --> 
<?php 

mysql_connect("localhost","twbpla5_eduardo","[2015]Honor"); 
mysql_select_db("twbpla5_website_dev"); 
$query = mysql_query("SELECT * FROM banner"); 

?> 
<!-- Wrapper for slides --> 
<div class="carousel-inner" role="listbox"> 
<?php 
while($row=mysql_fetch_array($query)) 
{ 
    echo '<div class="item"><img src="images/banners/'.$row[image].'" alt="'.$row[image].'"></div>'; 
} 
?> 
</div> 

<!-- Left and right controls --> 
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
</a> 
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
</a> 
</div> 

<link rel="stylesheet" type="text/css" href="css/carousel.css" /> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$('#myCarousel .item').first().addClass('active'); 
$('#myCarousel').carousel(); 
}); 
</script> 

上記のコードに何を追加しますか？

Answer 1

は、画像へのリンクを追加してください：

<?php 
while($row=mysql_fetch_array($query)) { 
    echo '<div class="item"> 
       <a href="images/banners/'.$row[image].'"> 
        <img src="images/banners/'.$row[image].'" alt="'.$row[image].'"> 
       </a> 
      </div>'; 
} 
?> 

Answer 2

問題が解決...以下は私の質問を解決します。

<?php 
while($row=mysql_fetch_array($query)) { 
echo '<div class="item"> 
      <a href="'.$row[targetURL].'"> 
       <img src="images/banners/'.$row[image].'" alt="'.$row[image].'"> 
      </a> 
     </div>'; 
} 
?>