Question

在鼠标悬停时显示没有失真的大图像此外，图像来自使用PHP的数据库，所以我的问题是，任何简单的方法都在那里在jquery css javascript等，这将是最简单的感谢。

这是图像显示数据库的代码

     <div>
   <table>
<tr>
  <td>
    ?php
    $query = "SELECT * from images";
   $result = mysql_query($query);
  while($fetch = mysql_fetch_array($result)) {
  echo "<img src=\"http://localhost/images_path/{$fetch['image']}\" width=\"15%\"     height=\"135px\">"." &nbsp";
}
?>

</td>
</tr>

</table>

</div>

Answer 1

你可以用一个简单的CSS来实现..

div.img img { height: 90px; width: 110px; }
div.img img:hover { height: auto; width: auto; }

另一种方法可能

function mouseOver()
{
var img1 = document.getElementById("img1");
img1.src ="images/p2.jpg";
img1.width = "";
img1.height = "";
}
function mouseOut()
{
var img1 = document.getElementById("img1");
img1.src ="images/p1.jpg";
img1.width = "90";
img1.height = "110";
}

另请查看此JSFIDDLE DEMO

在鼠标悬停显示没有失真的大图像

1 个答案: