Question

我试图在图片上添加替代文字但在我看来并不起作用。这是我尝试的方式

// get the info from the db
$sql = "SELECT name, caption, alt FROM images order by id desc LIMIT $offset, $rowsperpage";
  $result = mysqli_query($sql, $conn) or trigger_error("SQL", E_USER_ERROR);

   // while there are rows to be fetched...
  while ($list = mysqli_fetch_assoc($result)) {
   // echo data

  echo "<img src=\"upload/".$list['name']."\" alt=\"".$list['alt']."\" /></a>";
  echo $list['caption'];

有了图像和标题，一切都很好。但是在页面的html中我没有看到alt文本。

更新： var_dump（$ list）

array (size=3) 'name' => string '3ce08e141493823aeeded14f5dda6573.jpg' (length=36)  
'caption' => string 'image 1' (length=14) 
'alt' => string 'testing alt text 2' (length=18)

Answer 1

您需要使用title，因为只要图片不可用，就会显示alt文字代替图片。 title将显示为工具提示：悬停在支持该功能的任何浏览器上。

Answer 2

使用title属性而不是alt。我想知道为什么</a>上有echo个跟踪标记。

正确的方式......

echo "<img src=upload/".$list['name']." title=".$list['alt']."/>";

Why should I use title attribute ?

Answer 3

试试这个：

Pl check $list['alt'] is not empty & also set title value, so that you can test properly ...

- 感谢

不显示图像的Alt文本

3 个答案: