如何在循環中將各個超鏈接賦予各個圖像

Question

有沒有一種方法可以向每個圖像添加超鏈接，以便當用戶單擊特定圖像時，瀏覽器將導航到另一個URL？ 每個圖像將具有與之關聯的不同URL。

<?php 
    $display = $wpdb->get_results("SELECT name, image_path FROM table_name"); 
    foreach($display as $displays){ 
?>
<img src ="<?php echo $display->image_path ; ?>"/>
<?php  }  ?> 

因此，在這里，我想為從數據庫中檢索到的每個圖像放置一個超鏈接，並將該超鏈接導航到一個URL，該URL顯示有關該圖像的詳細信息。 我該怎么做？

Answer 1

您無法添加鏈接的圖片標簽，但您也可以將圖片放入錨標簽中，

$display_books  =  $wpdb->get_results("SELECT bookname, image_path FROM book");

 foreach($display_books as $display)
 {
    <a href='<?php echo 'put your image_link dynamically ';?>' title='something'>
        <img src="<?php echo $display_books->image_path ; ?>"/>
    </a>
 }

Answer 2

如果您有關聯的鏈接來自db，請嘗試以下操作：

<?php 
 $display_books= $wpdb->get_results("SELECT bookname, image_path, image_link FROM book"); 

    foreach($display_books as $display){ ?>
         <a href="<?php echo $display->image_link?>">
             <img src="<?php echo $display->image_path ; ?>"/>
          </a>

<?php  }  ?>

Answer 3

嘗試這個 ，

<?php 
    $display_books= $wpdb->get_results("SELECT bookname, image_path FROM book"); 
    foreach($display_books as $display){
    ?>
        <a href="<?php echo 'your_image_details_url_here';?>">
            <img src="<?php echo $display->image_path ; ?>"/>
        </a>
    <?php  
    }
?>

Answer 4

當然，只需將循環中的每個img標簽包裝在a標簽中， href指向您想要的鏈接URL。

假設您可以以與獲取圖像路徑相同的方式獲取url鏈接信息，則它看起來像這樣：

<?php 
 $display_books= $wpdb->get_results("SELECT bookname, image_path, image_url_link FROM book"); 
    foreach($display_books as $display){ ?>
         <a href="<?php echo $display->image_url_link; ?>">
           <img src="<?php echo $display->image_path ; ?>"/>
         </a>
<?php  }  ?>

Answer 5

<?php $display_books= $wpdb->get_results("SELECT bookname, image_path, Yourimage_hyperlink FROM book"); 
foreach($display_books as $display){ ?>
     <a href="<?php echo $display->Yourimage_hyperlink ; ?>"><img src="<?php echo $display->image_path; ?>"/></a>
<?php  } ?>

Answer 6

<?php 
 $display_books = $wpdb->get_results("SELECT bookname, image_path FROM book"); 
    foreach($display_books as $display){ ?>
         <a href="destination.php">
         <img style="border:0;" src ="<?php echo $display->image_path ; ?>" alt="HTML tutorial" width="42" height="42"/>
         </a>

<?php  }  ?>