0

我正在进行的项目由一个显示内容的网格组成。我想将网格上的每个项目的大小调整为视口大小的四分之一。使用 Javascript 这将非常容易，但是有一些后端需要注意每个项目的大小：

我正在使用 Timthumb 将项目的图像调整为其适当的大小，因此我需要检测视口的宽度，并将适当的值（视口的宽度 / 4）发送到为每个项目提供服务的 php，因此它告诉 Timthumb使用合适的尺寸。

解决这个问题的最佳方法是什么？

4

2 回答 2

3

在请求页面时，如何在 $(document).ready 中使用 jQuery 检测视口大小并将其传递给 AJAX 请求？

$(document).ready(function () {
    var height = $(window).height();
    var width = $(window).width();
    $.ajax({
        type: 'POST',
        url: image.php,
        data: {
            "height": height,
            "width": width
        },
        success: function (data) {
            $("#viewarea").html(data);
        },
    });
});

在 PHP 端，您可以获取它并返回数据

$_POST['height']
$_POST['width']
于 2011-07-28T16:31:07.667 回答
1

对生成图像的 PHP 脚本的简单 AJAX/JQuery 请求肯定会在这里工作吗？

就像是：

var query_string = "x=<viewport-x>&y=<viewport-y>";
$('#viewport').html("Processing...");
$('#viewport').load('resize_image.php',query_string);

这样，您只需在 PHP 脚本中获取$_GET['x']和$_GET['y']var 并将它们传递给 TimThumb，然后将正确的图像路径回显到页面。

于 2011-07-28T16:26:29.693 回答