使用鼠标悬停效果从mysql数据库显示更大的图像

Question

我创建了一个简单的mysql数据库，它包含两个图像的链接 - 缩略图（thumb_image）和较大的图像（large_image）。我可以使用以下代码让缩略图显示为标题标记：

...echo "<td>";?> <img src="<?php echo $row['thumb_image']; ?>" height="100" width="125" title="<?php echo $row['title_tag']; ?>"  /><?php echo "</td>";...

我怎样才能确保只有当用户将鼠标放在缩略图上时才会显示较大的图像？

谢谢，

安迪; - ）

Answer 1

使用下面的onmouseover函数，您可以更改图像本身的src。您必须添加onmouseout才能将其关闭。

...echo "<td>";?>
<img onmouseover="this.src=<?php echo "'" . $row['full_image'] . "'"; ?>;" onmouseout="this.src=<?php echo "'" . $row['thumb_image'] . "'"; ?>;" src="<?php echo $row['thumb_image']; ?>" height="100" width="125" title="<?php echo $row['title_tag']; ?>"  />
<?php echo "</td>";...