Question

有没有办法为每个图片添加超链接，以便当用户点击特定图片时，浏览器会导航到其他网址？每个图像都有一个与之关联的不同网址。

<?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。我该怎么做？

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指向您想要的链接网址。

假设您可以像获取图片路径一样获取网址链接信息，它看起来像这样：

<?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  }  ?>

如何在循环中为各个图像提供相应的超链接

6 个答案: