function pb_collage($images, $height, $output = 'return', $temp = '{{collage}}')
{
$html = '<div class="pb-collage">';
$heightH = (int) $height / 2;
if (!is_array($images)) {
$images = explode(',', str_replace(' ', '', $images));
}
$images = str_replace(' ', '', $images);
$imgCount = count($images);
if (!empty($images[0])) {
if ($imgCount == 1) {
$url = pb_safe_image_return($images[0], 'base64');
$html .= '<div class="pb-mask" style="background-image:url(' . $url . ');height:' . $height . 'px;"></div>';
} else {
if ($imgCount == 2) {
foreach ($images as $key => $image) {
$url = pb_safe_image_return($image, 'base64');
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $height . 'px;"></div>';
}
} else {
if ($imgCount == 3) {
foreach ($images as $key => $image) {
$url = pb_safe_image_return($image, 'base64');
if ($key == 0) {
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $height . 'px;"></div>';
$html .= '<div class="pb-mask-half">';
} else {
$html .= '<div class="pb-mask" style="background-image:url(' . $url . ');height:' . $heightH . 'px;"></div>';
}
}
$html .= '</div>';
} else {
if ($imgCount == 4) {
foreach ($images as $key => $image) {
$url = pb_safe_image_return($image, 'base64');
if ($key == 0) {
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $height . 'px;"></div>';
$html .= '<div class="pb-mask-half">';
} else {
if ($key <= 3) {
if ($key == 1) {
$html .= '<div class="pb-mask" style="background-image:url(' . $url . ');height:' . $heightH . 'px;"></div>';
$html .= '<div class="pb-mask">';
} else {
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $heightH . 'px;"></div>';
}
}
}
}
$html .= '</div>';
$html .= '</div>';
} else {
if ($imgCount == 5) {
foreach ($images as $key => $image) {
$url = pb_safe_image_return($image, 'base64');
if ($key == 0) {
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $height . 'px;"></div>';
$html .= '<div class="pb-mask-half">';
} else {
if ($key <= 4) {
$html .= '<div class="pb-mask-half" style="background-image:url(' . $url . ');height:' . $heightH . 'px;"></div>';
}
}
}
$html .= '</div>';
}
}
}
}
}
}
$html .= '</div>';
if ($output == 'return') {
return str_replace('{{collage}}', $html, $temp);
}
if ($output == 'print') {
print str_replace('{{collage}}', $html, $temp);
}
}
<?php
if (!empty($pi->images)) {
?>
<div class="pb-product-gallery">
<img class="magniflier figure-feature" src="" />
<div class="figureOptions">
<ul>
<?php
$images = explode(',', $pi->images);
if (count($images) <= 1) {
$hidImages = 'hide';
} else {
$hidImages = '';
}
foreach ($images as $image) {
print '<li class="' . $hidImages . '" style="background: no-repeat center center url(' . pb_safe_image_return($image, 'url', ' class="lazy figureOp"', 'false') . ');background-size:contain" data-tumb="' . pb_safe_image_return($image, 'url', ' class="lazy figureOp"', 'false') . '"></li>';
}
?>
</ul>
</div>
</div>
<br />
<h5 style="text-align: left;">You may be interested</h5>
<?php
pb_ad(["style" => "width:130px;margin:0px 5px", "id" => "paid", "caption" => false, "type" => "square"], 1, 'item_gallery');
pb_ad(["style" => "width:130px;margin:0px 5px", "id" => "free", "caption" => false, "type" => "square"], 3, 'item_gallery');
}
?>
</div>
</div>
