Question

我有一个要自定义的Joomla组件，并且具有用于出租物业的缩略图的自定义“路径”。我写了一个PHP脚本，该脚本在“属性”列表和详细信息中都很好用，但是有些Map模块使用Javascript提取缩略图。

我试图编写一个新的Java VAR，但是两天后，我的JS技能显然很缺乏。

...

$imgdirectory = JURI::root().'media/com_iproperty/pictures/images/' . preg_replace('/\s+/', '+', $this->p->title) . '/'; // looks up image folder by Title, replacing spaces with '+'
$rentalThumb = $imgdirectory.preg_replace('/\s+/', '+', $this->p->title) . '.01.jpg'; // points to first rental image in $imgdiirectory
$remoteLuxThumb = 'https://images.knowlesco.com/mls_images/luxury/' . $this->p->mls_id . '/image-' . $this->p->mls_id . '-1.jpg';
$nopic = JURI::root().'media/com_iproperty/pictures/nopic.png'; // nopic image location

if (@GetImageSize($remoteLuxThumb)) {
    echo '<a href="'.$this->p->proplink.'"><img src="'.$remoteLuxThumb.'" alt="'.$this->p->title.'"></a>';
} elseif (@GetImageSize($rentalThumb)) {
    echo '<a href="'.$this->p->proplink.'"><img src="'.$rentalThumb.'" alt="'.$this->p->title.'"></a>';
} elseif (@GetImageSize(IpropertyHelperHtml::getThumbnail($this->p->id))) {
    echo IpropertyHelperHtml::getThumbnail($this->p->id, $this->p->proplink, $this->p->street_address, '', 'class="img-polaroid"');
} else {
    echo '<a href="'.$this->p->proplink.'"><img src="'.$nopic.'" alt="'.$this->p->title.'"></a>';
}

... 现有的JS： ...

app.buildInfoWindow = function(listing){
    // remove line breaks from banner
    listing.banner = listing.banner.replace(/(\r\n|\n|\r)/gm," ");
    var contentContainer = jQuery('<div />');
    var contentString = '<div class="row-fluid ip-bubble-window">' +
                            '<div class="span5 ip-overview-img"><div class="ip-property-thumb-holder"><a href="'+listing.proplink+'">'+listing.thumb+'</a>'+listing.banner+'</div></div>' +
                            '<div class="span7">' +
                                '<h4><a href="'+listing.proplink+'">'+listing.street_address+', '+listing.city+'</a></h4>' +
                                '<div class="small"><strong>'+langOptions.pid+': </strong>'+listing.mls_id+' | <strong>'+langOptions.price+': </strong>'+listing.formattedprice+'</div>' +
                                '<div class="small">'+listing.raterange+'</div>' +
                                '<p class="ip-bubble-desc">'+listing.short_description.slice(0,185).trim()+'...'+'<div class="ip-bubble-cats">'+listing.caticons.join(' ')+'</div><a href="'+listing.proplink+'">('+langOptions.more+')</a></p>' +
                            '</div>' +
                        '</div>';
    contentContainer.html(contentString);
    return contentContainer.html();
};

... 这是我试图显示我的PHP函数的Thumb Holder。 ...

'<div class="span5 ip-overview-img"><div class="ip-property-thumb-holder"><a href="'+listing.proplink+'">'+listing.thumb+'</a>'+listing.banner+'</div></div>' +

...

地图模块应提取PHP中引用的正确缩略图图像。预先感谢！

如何将PHP函数写入Javascript？

0 个答案: