php 查询数据库显示小图,点击小图弹出大图的功能实例
内容摘要
这篇文章主要为大家详细介绍了php 查询数据库显示小图,点击小图弹出大图的功能实例,具有一定的参考价值,可以用来参考一下。
php查询数据库显示小图,点击小图弹出大图,对此感兴
php查询数据库显示小图,点击小图弹出大图,对此感兴
文章正文
这篇文章主要为大家详细介绍了php 查询数据库显示小图,点击小图弹出大图的功能实例,具有一定的参考价值,可以用来参考一下。
php查询数据库显示小图,点击小图弹出大图,对此感兴趣的朋友,看看idc笔记做的技术笔记。经测试代码如下:
/**
* 查询数据库显示小图,点击小图弹出大图
*
* @param
* @arrange (www.idcnote.com)
**/
//Get all the images in the database (use a WHERE clause to limit what it finds)
$sql = mysql_query("SELECT * FROM database_name");
//Start A counter we will start at 1
$i = 1;
//Get all the returned results, save them in an array, and loop throught the array
//to display all the returned results
while($row = mysql_fetch_array($sql)){
//Create a list from the returned image file, and make a $width and $height variable
list($width, $height) = getimagesize("url/to/large/image/".$row['img_file_name']);
//Add 30 to the returned width and height so it will fit in the popup window
//If it still doesn't fit, change the two thirtys to a larger number.
$width += 30;
$height += 30;
//Use javascript to make the popup
//Everytime the script runs through, $i will change so we can have dynamic popup window sizes
echo "
<script type="text/javascript">
function load".$i."(){
var load = window.open('url/to/large/image/".$row['img_file_name']."', ' ', 'scrollbars=no,menubar=no,height=".$height.",width=".$width.",resizable=no,toolbar=no,location=no,status=no');
}
</script>";
//This will display our thumbnail on the screen and make a link to the popup function
//that was just created in the above javascript.
echo'
<p>
<a href="javascript:load'.$i.'()">
<img src="url/to/thumb/image/'.$row['img_file_name'].'" />
</a>
</p>';
//Add one to $i
$i++;
}
/*** 来自php教程(www.idcnote.com) ***/
注:关于php 查询数据库显示小图,点击小图弹出大图的功能实例的内容就先介绍到这里,更多相关文章的可以留意
代码注释