我有一个简单的基于标签的图像库,它将所有图像保存在数据库中。为了显示这些图像,有一个小的 php 脚本
<?php
include_once("config/config.php");
$mysql_user = USER;
$password = PWD;
$database_host = HOST;
$database = DB;
mysql_connect($database_host, $mysql_user, $password) or die ("Unable to connect to DB server. Error: ".mysql_error());
mysql_select_db($database);
header('Content-type: image/jpeg');
$query = "SELECT imgblob from images where id=". intval($_GET["id"]);
$rs = mysql_fetch_array(mysql_query($query));
//echo mysql_error();
echo base64_decode($rs["imgblob"]);
?>
搜索后有一个图像列表,看起来像
<a class="lightbox" href="showimage.php?id=1" title="" ><img src="showimage.php?id=1" /></a>
我使用灯箱在点击时调整图像大小。所以我需要获取图像源的大小(showimage.php?id=1)。
我有以下代码片段
$('a.lightbox').each(function() {
var img = $(this).children("img");
var theImage = new Image();
theImage.src = img.attr("src");
$(this).fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false,
'type' : 'iframe',
'width' : theImage.width + 20,
'height' : theImage.height + 20
});
});
这些功能并非一直有效。通常调整大小的图像非常小。我没有任何想法来解决它。