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

【问题标题】：How to give respective hyperlinks to respective images in a loop如何在循环中为各个图像提供相应的超链接
【发布时间】：2014-03-10 08:28:20
【问题描述】：

有没有办法为每个图像添加一个超链接，以便当用户单击特定图像时，浏览器将导航到不同的 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。我该怎么做？

【问题讨论】：

你要使用的超链接网址是什么..？

标签： php wordpress image hyperlink

【解决方案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>
 }

【讨论】：

【解决方案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  }  ?>

【讨论】：

【解决方案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  
    }
?>

【讨论】：

【解决方案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  }  ?>

【讨论】：

【解决方案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  } ?>

【讨论】：

【解决方案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  }  ?>

【讨论】：