Не удается динамически изменить размер IMG после загрузки динамического содержимого JavaScript - PullRequest
Новая
       1

Не удается динамически изменить размер IMG после загрузки динамического содержимого JavaScript

0 голосов
/ 13 ноября 2011

Я использую этот javascript из dynamicdrive для загрузки содержимого в div: 

    var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
    var loadedobjects=""
    var rootdomain="http://"+window.location.hostname
    var bustcacheparameter=""

    function ajaxpage(url, containerid){
        var page_request = false
        if (window.XMLHttpRequest) // if Mozilla, Safari etc
        page_request = new XMLHttpRequest();
        else if (window.ActiveXObject){ // if IE
            try {
                page_request = new ActiveXObject("Msxml2.XMLHTTP");
                }
            catch (e){
                try{
                    page_request = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                catch (e){}
            }
        }
        else
        return false
        page_request.onreadystatechange=function(){
            loadpage(page_request, containerid)
        }

        if (bustcachevar) //if bust caching of external page
        bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
        page_request.open('GET', url+bustcacheparameter, true)
        page_request.setRequestHeader('charset', 'ISO-8859-1')
        page_request.send(null)
    }

    function loadpage(page_request, containerid){
        if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
        document.getElementById(containerid).innerHTML=page_request.responseText
    }

Я использую написанную пользователем функцию php "displayImage ('url', 'width')" для отображения изображения, котороезатем динамически изменяет размер до указанной ширины.

Это прекрасно работает со статическим контентом, однако функция отказывается работать с динамическим контентом.

Может кто-нибудь дать мне толчок вправонаправление на этот?: / Я не очень хорош в javascript ...

РЕДАКТИРОВАТЬ:

Извините, забыл добавить функцию php, вот оно: 

function displayImage($img_path, $height) {
$image_info = getimagesize($img_path);  
$new_dimension = imageResize($image_info[0], $image_info[1], $height);
$returnstr = "<IMG SRC=\"{$img_path}\" " . $new_dimension . "/>\n";
return $returnstr;
}

function imageResize($width, $height, $target) {
if ($width > $height) {
$percentage = ($target / $width); 
} else {
$percentage = ($target / $height);
}
$width = round($width * $percentage);
$height = round($height * $percentage);

return "width=\"$width\" height=\"$height\"";

}

1 Ответ

1 голос
/ 13 ноября 2011

PHP - это серверный язык, который означает, что он создает страницу, отправляет ее в браузер и все. Он не может изменить размеры изображений, которые вы добавляете на страницу позже. Вы должны либо сделать это в JS, либо использовать эту функцию PHP на самой странице ajax и динамически загружать уже уменьшенные изображения. Надеюсь, это поможет.

...