php在图片左右添加导览按钮

要在图片左右添加导航按钮，您可以使用CSS将这些按钮定位到图片的左侧和右侧，然后使用HTML和PHP将它们添加到页面中。以下是一些示例代码，可以帮助您实现这个功能：

<!-- HTML代码 -->
<div class="image-container">
  <img src="path/to/image.jpg">
  <a href="#" class="nav-button prev">&lt;&lt;</a>
  <a href="#" class="nav-button next">&gt;&gt;</a>
</div>

/* CSS代码 */
.image-container {
  position: relative;
  display: inline-block;
}

.nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  text-decoration: none;
  color: #000;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

在这个示例中，我们将图片和导航按钮放在一个`<div>`容器中，并使用CSS将导航按钮定位到图片的左侧和右侧。`position: absolute`属性可以让导航按钮相对于容器进行定位，`top: 50%`和`transform: translateY(-50%)`属性可以将按钮垂直居中对齐。`width`和`height`属性可以设置按钮的大小，`background-color`和`border`属性可以设置按钮的外观。`text-align`和`line-height`属性可以将按钮的文本垂直居中对齐，`font-size`属性可以设置文本的大小，`text-decoration`和`color`属性可以设置文本的样式和颜色。

在PHP中，您可以根据需要输出多个图片和导航按钮，例如：

<?php
// 查询数据库获取图片数据
$image_data = base64_encode(file_get_contents('path/to/image.jpg'));

// 输出图片和导航按钮
echo '<div class="image-container">';
echo "<img src='data:image/jpeg;base64,$image_data'>";
echo '<a href="#" class="nav-button prev">&lt;&lt;</a>';
echo '<a href="#" class="nav-button next">&gt;&gt;</a>';
echo '</div>';
?>

在这个PHP示例中，我们使用`file_get_contents()`函数从文件中读取图片数据，并使用`base64_encode()`函数将其转换为base64编码。然后，我们使用HTML和PHP输出图片和导航按钮，其中`$image_data`变量包含了转换后的图片数据。