Javascript 悬停引导表上的Popover映像
我对网络技术一无所知, 我有一个从数据库检索数据的表,它们与引导表一起显示 我有用户名; 每个用户名都有自己的图像。 我将每个用户名的图像存储在网上。 命名如下:Javascript 悬停引导表上的Popover映像,javascript,php,twitter-bootstrap,popover,onhover,Javascript,Php,Twitter Bootstrap,Popover,Onhover,我对网络技术一无所知, 我有一个从数据库检索数据的表,它们与引导表一起显示 我有用户名; 每个用户名都有自己的图像。 我将每个用户名的图像存储在网上。 命名如下: username= 111 has an image with the name 111.jpg stored on localhost/images/111.jpg 我想要实现的是,当我将鼠标悬停在表中的任何用户名上时,都会显示它们的图像 list-user.php文件 <?php require 'db.php';
username= 111
has an image with the name 111.jpg
stored on localhost/images/111.jpg
我想要实现的是,当我将鼠标悬停在表中的任何用户名上时,都会显示它们的图像
list-user.php文件
<?php
require 'db.php';
$sqltran = mysqli_query($con, "SELECT * FROM users ")or die(mysqli_error($con));
$arrVal = array();
$i=1;
while ($rowList = mysqli_fetch_array($sqltran)) {
$name = array(
'num' => $i,
'user'=> $rowList['username'],
);
array_push($arrVal, $name);
$i++;
}
echo json_encode($arrVal);
mysqli_close($con);
?>
`
index.php文件中的重要内容
<script type="text/javascript">
var $table = $('#table');
$table.bootstrapTable({
url: 'list-user.php',
search: true,
pagination: true,
buttonsClass: 'primary',
showFooter: true,
minimumCountColumns: 2,
columns: [{
field: 'num',
title: '#',
sortable: true,
},{
field: 'user',
title: 'Username',
sortable: true,
}, ],
});
</script>
var$table=$(“#table”);
$table.bootstrapTable({
url:'list user.php',
搜索:对,
分页:正确,
buttonsClass:'主',
showFooter:是的,
最小计数列:2,
栏目:[{
字段:“num”,
标题:“#”,
可排序:是的,
},{
字段:“用户”,
标题:“用户名”,
可排序:是的,
}, ],
});
这就是我想要完成的事情
在您的表格中,您有一列用于图像路径?我现在没有任何列,因为我不知道如何实现这一点。惯例是为您的图像路径创建一列,然后将用户信息传递给该路径,以便您可以在html代码中显示该路径OK我为imgurl创建了一列用于每个用户下一步怎么办?您需要允许用户将其选择的图像插入数据库,然后将图像与用户信息一起传递,并且在html中可以使图像
显示:无,并且只有当用户将鼠标悬停在图像上时,您才会显示图像。请在表中选中此项。您有图像路径列吗?我现在没有让图像在线存储,因为我不知道如何实现这一点惯例是为图像路径创建一列,然后将用户信息传递给该路径,以便您可以在html代码中显示该路径确定我为每个用户创建了一列imgurl下一步是什么?您需要允许用户将其选择的图像插入数据库然后将图像与用户信息一起传递,在html中可以使图像显示:none
,并且只有当用户将鼠标悬停在图像上时,才会显示图像。选中此项