Question

我在php中创建了图像以显示在我的主页

ImageCreate(200, 800); // very simple and working. No sizing it is an issue for me.

有没有办法只设置此图像的大小，以便图像的宽度始终扩展到页面的百分比。例如。如果我在页面上放置4个图像，则每个图像只占页面宽度的25％。我尝试ImageCreate(25%,100%)，但它不起作用。

Answer 1

您可以使用javascript获取浏览器视口宽度和高度，并使用AJAX将它们提交到图像创建脚本。让AJAX返回图像的路径，然后将图像放在页面上的所需位置。

$(document).ready(function() {  
    $.ajax({
        type: 'POST',
        url: 'ajax/makeimage.php',
        data: $.param({
            width: $(window).width(),
            height: $(window).height()
        }),
        success: function(data) {
            $('#where-your-image-goes').html(data);
        }
    });
});

Answer 2

我只是从本

扩展帖子

jQuery Part：

$(document).ready(function() {  
    $.ajax({
        type: 'POST',
        url: 'ajax/makeimage.php',
        data: $.param({
            width: $(window).width(),
            height: $(window).height()
        }),
        success: function(data) {
           $('#where-your-image-goes').html(data);
        }
    });
});

makeImage.php中的PHP部分

$oneImageWidth  = intval($_POST['width'] / 4); /* the 25% */
$oneImageHeight = intval($_POST['height']);
ImageCreate(25%,100%);

＆GT;

希望有所帮助

Answer 3

PHP是一种服务器端语言，所以它不知道浏览器的大小...你可以使用CSS并将图像宽度设置为百分比 - 但如果你创建它太小，这可能会扭曲图像。 ..出于兴趣，为什么每次显示页面时都会创建图像？

这可能会对您有所帮助 - ＆gt; http://unstoppablerobotninja.com/entry/fluid-images

Answer 4

如果它只是4个颜色块，宽度为25％，你可以使用4个div并将背景颜色设置为你想要的颜色，宽度设置为25％。

ImageCreate（）错误大小问题

4 个答案: