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 查询数据库显示小图,点击小图弹出大图的功能实例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!