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>