• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

php结合javascript弹出图片浏览

JavaScript 水墨上仙 1750次浏览

php查询数据库显示小图,点击小图弹出大图

<?php 
//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结合javascript弹出图片浏览
喜欢 (0)
加载中……