Проект, над которым я работаю, состоит из сетки, показывающей контент. Я хотел бы изменить размер каждого элемента в сетке до четвертого размера видового экрана. Это было бы очень легко с Javascript, но есть некоторые бэкэнд-материалы, которые должны быть осведомлены о размере каждого элемента:
Я использую Timthumb для изменения размера элемента изображения до его подходящего размера, поэтому мне нужно будет определить ширину видового экрана и отправить соответствующее значение (ширина окна просмотра / 4) в php, который обслуживает каждый элемент, поэтому он сообщает Timthumb подходящий размер для использования.
Какой был бы лучший подход к этой проблеме?
Как насчет запроса страницы, в $ (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']
Несомненно, здесь будет работать простой запрос AJAX / JQuery скрипту PHP, который генерирует изображение.
Что-то вроде:
var query_string = "x=<viewport-x>&y=<viewport-y>"; $('#viewport').html("Processing..."); $('#viewport').load('resize_image.php',query_string);
Таким образом вам просто нужно взять $_GET['x'] и $_GET['y'] vars в вашем PHP-скрипте и передать их в TimThumb, прежде чем повторить правильный путь к изображению на странице.