Code: Select all
// Settings
// {foto file="folder/fotonaam.jpg" title="title" side="right | left"}
// Een voorbeeld:
// {foto file="Gallery/Zomer2015/Vakantie 2015/Vakantie 2015 - 52.jpg" title="Helemaal rond" side="left"}
$small_size = 150;
$large_size = 640;
$path = 'uploads/images';
// Get Params
$cgblog_id = 3;
// $params['cgblog_id'];
$path_no_spaces = str_replace(' ', '%20', $path);
$image = $path_no_spaces . '/' . $params['file'];
$title = $params['title'];
// echo 'title= ' . $title;
$side= $params['side'];
// echo 'side = ' . $side;
// Get Name of small file (*_sm.jpg)
// echo 'image 0 = ' . $image;
// echo 'matches 0 = ' . $matches;
if (!file_exists(dirname($image) . '/' . basename($image))) {
echo("<div class=\"news_image_$side\">\n");
echo("Foto bestaat niet");
echo("</div>\n");
return;
}
if (file_exists(dirname($image) . '/' . basename($image) . '_sm')) {
$small_image = dirname($image) . '/' . basename($image) . '_sm';
} else {
if (!file_exists(dirname($image) . '/thumb_' . basename($image))) {
preg_match('/^(.*)(\..*)$/', $image, $matches);
$small_image = $matches[1] . '_sm.jpg';
// echo '$small_image != ' . $small_image;
} else {
// if thumb_ exists
$small_image = dirname($image) . '/thumb_' . basename($image);
// echo '$small_image 1 = ' . $small_image;
// $small_image = 'thumb_' . $matches[1] . '.jpg';
// echo '$small_image 2 = ' . $small_image;
}
}
// echo 'image = ' . $image;
// echo 'matches = ' . $matches;
// echo 'small_image = ' . $small_image;
// If the small file already exists, we're done with the heavy processing.
if (!file_exists($small_image)) {
list($width, $height) = getimagesize($image);
// Get new sizes
$img = imagecreatefromjpeg($image);
$imgratio=$width/$height;
if ($imgratio > 1) {
$large_width = $large_size;
$large_height = $large_size / $imgratio;
$small_width = $small_size;
$small_height = $small_size / $imgratio;
} else {
$large_height = $large_size;
$large_width = $large_size * $imgratio;
$small_height = $small_size;
$small_width = $small_size * $imgratio;
}
// Generate small image
$resized_img = imagecreatetruecolor($small_width, $small_height);
imagecopyresampled($resized_img, $img, 0, 0, 0, 0, $small_width, $small_height, $width, $height);
imagejpeg($resized_img, $small_image);
// If large image is larger than $large_size, resize that as well
if ($width > $large_size || $height > $large_size) {
$resized_img = imagecreatetruecolor($large_width, $large_height);
imagecopyresampled($resized_img, $img, 0, 0, 0, 0, $large_width, $large_height, $width, $height);
imagejpeg($resized_img, $image);
}
}
//
// echo the html
// data-fb-options=\"group:1\"
//
echo("<div class=\"floatbox_$side floatbox\" data-fb-options=\"group:cgblog-1\">\n");
//
// example:
// <a id="pid-{$image->fileid}" class="albumnav" href="{$imagefileurl}" title="{$imagetitlename}" rel="gallery-{$galleryid}" data-fb-options="caption:#TweetGallery-{$image->fileid}" ><img src="{$imagethumburl}" title = "{$imagetitlename}" alt="{$imagetitlename}" /></a>
$image_no_space = str_replace(' ', '%20', $image);
echo("<a href=\"$image_no_space\" title=\"$title\">\n");
$small_image_no_space = str_replace(' ', '%20', $small_image);
echo("<img src=\"$small_image_no_space\" alt=\"$title\" title=\"$title\"><br />\n");
echo("</a>\n");
if ($title) {
echo("<span class=\"cgblog_image_title\">$title</span><br />\n");
}
echo("<span class=\"cgblog_image_c2e\">(klik voor grote foto)</span>\n");
echo("</div>\n");Voorbeeld: https://www.uisge-beatha.eu/2017/02/Lew ... euwen.html
Een van de beperkingen van de udt is bijv. het weergeven van artikelen op mobiele telefoon. Een tablet en pc gaan ok.
Ik heb een poosje zitten studeren hoe (en of) het mogelijk is om CGSMI en de foto-UDT te integreren, maar loop vast op de wijze hoe de udt uiteindelijk de foto laat zien. Iemand een suggestie of en hoe hiermee verder te gaan?
