[[Catching thumbnail images]]
You are here: Willkommen im phpwcms-HowTo:wiki » Documentation (EN) » Technics » Core » Catching thumbnail images
Show pagesourceOld revisions
Recent changesIndex

NAVIGATION

Imprint / Impressum

Please Donate!

With your donation you accelerate more enhancements of the wiki.

Table of Contents

Catching thumbnail images

File: /include/inc_lib/imagick.convert.inc.php (V1.4 r287)

Function: 

// build thumbnail image name
function get_cached_image($val, $db_track=true, $return_all_imageinfo=true) { ....
	// Return cached thumbnail image info
	// $thumb_image_info[0] = Name, 
	// $thumb_image_info[1] = width, 
	// $thumb_image_info[2] = height, 
	// $thumb_image_info[3] = HTML width & height attribute


Example call: article thumb in front.func.inc.php ~ Zeile 1192: 

$thumb_image = get_cached_image(
array(	"target_ext"	=>	$article["article_image"]['list_ext'],
	"image_name"	=>	$article["article_image"]['list_hash'] . '.' . $article["article_image"]['list_ext'],
	"max_width"	=>	$article["article_image"]['list_width'],
	"max_height"	=>	$article["article_image"]['list_height'],
	"thumb_name"	=>	md5($article["article_image"]['list_hash'].$article["article_image"]['list_width'].$article["article_image"]['list_height'].$GLOBALS['phpwcms']["sharpen_level"])
));

Image transfer zoom and lightbox

This format is required in each case

E.g. from CP “images <div>” using the capture ||||Copyright :

zoom and lightbox

/* Only image ===================== */
<div class="imageEntry" style="border: 1px solid rgb(204, 204, 204); margin: 2px 2px 0pt 0pt; padding: 3px; float: left;" img12="">
        <img src="content/images/5c60a5bf1a2f0096220b617fec6951d1.jpg" alt="liegestuhl_maichaela_640x480.jpg" class="MY_CUSTOM_CLASS" border="0" height="90" width="120">
        <div style="font-size: 9px;">
 
            <p>liegestuhl_maichaela_640x480.jpg</p>
            ©Œ Copyright
        </div>
    </div>
 
 
/* ZOOM ===================== */
<div class="imageEntry" style="border: 1px solid rgb(204, 204, 204); margin: 2px 2px 0pt 0pt; padding: 3px; float: left;" img12="">
        <a href="image_zoom.php?show=YWU5ZjUzOWZlNTg5MjZiOGIyNjk2MTI0ZTlkYWQ5OTYuanBnP3dpZHRoPSI2NDAiIGhlaWdodD0iNDgwIg%3D%3D" onclick="checkClickZoom();clickZoom('image_zoom.php?show=YWU5ZjUzOWZlNTg5MjZiOGIyNjk2MTI0ZTlkYWQ5OTYuanBnP3dpZHRoPSI2NDAiIGhlaWdodD0iNDgwIg%3D%3D','previewpic','width=640,height=480');return false;"><img src="content/images/5c60a5bf1a2f0096220b617fec6951d1.jpg" alt="liegestuhl_maichaela_640x480.jpg" class="MY_CUSTOM_CLASS" border="0" height="90" width="120"></a>
        <div style="font-size: 9px;">
 
            <p>liegestuhl_maichaela_640x480.jpg</p>
            ©Œ Copyright
        </div>
    </div>
 
 
/* LIGHTBOX ===================== */
<div class="imageEntry" style="border: 1px solid rgb(204, 204, 204); margin: 2px 2px 0pt 0pt; padding: 3px; float: left;" img12="">
        <a href="content/images/ae9f539fe58926b8b2696124e9dad996.jpg" rel="lightbox[G8vFX]" title="liegestuhl_maichaela_640x480.jpg"><img src="content/images/5c60a5bf1a2f0096220b617fec6951d1.jpg" alt="liegestuhl_maichaela_640x480.jpg" class="MY_CUSTOM_CLASS" border="0" width="120" height="90"></a>
        <div style="font-size: 9px;">
 
            <p>liegestuhl_maichaela_640x480.jpg</p>
            ©Œ Copyright
        </div>
    </div>


Image from RT galleryx using the “long info” text: 

Info-text with 
two lines without [ BR ])

/* LIGHTBOX aus galleryx ===================== */
<div class="thumbnail">
    <a href="http://example.com/img/cmsimage.php/800x600/e33f0625a0cef602b95146117de07f59.gif" rel="lightbox[gallery32]" title="Info-text with &lt;br /&gt;
    three lines without [ BR ])&lt;br /&gt;
    © KH">
    <img src="http://example.com/img/cmsimage.php/120x100/e33f0625a0cef602b95146117de07f59.gif" alt="Alt-Text from caption" title="Gallery_01_01_01 without  BR" border="0"></a>
 
 
    <div class="caption">
        <p>Info-text with<br>
        two lines without [ BR ])</p>
    </div>
    <div class="detail-copyr">© KH</div>
    <hr>
</div>

Exemplarily image catch: CP image <div>

/include/inc_front/content/cnt29.article.inc.php

cnt29.article.inc.php

<?php
/*************************************************************************************
   Copyright notice
 
   (c) 2002-2008 Oliver Georgi (oliver@phpwcms.de) // All rights reserved.
 
This script is part of PHPWCMS. The PHPWCMS web content management system is
free software; you can redistribute it and/or modify it under the terms of
the GNU General Public License as published by the Free Software Foundation;
either version 2 of the License, or (at your option) any later version.
 
The GNU General Public License can be found at http://www.gnu.org/copyleft/gpl.html
A copy is found in the textfile GPL.txt and important notices to the license
from the author is found in LICENSE.txt distributed with these scripts.
 
This script is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE.  See the GNU General Public License for more details.
 
This copyright notice MUST APPEAR in all copies of the script!
*************************************************************************************/
 
// ----------------------------------------------------------------
// obligate check for phpwcms constants
if (!defined('PHPWCMS_ROOT')) {
   die("You Cannot Access This Script Directly, Have a Nice Day.");
}
// ----------------------------------------------------------------
 
 
//images (gallery)
 
$image    = @unserialize($crow["acontent_form"]);
 
// read template
if(empty($crow["acontent_template"]) && is_file(PHPWCMS_TEMPLATE.'inc_default/images.tmpl')) {
 
    $image['template']    = @file_get_contents(PHPWCMS_TEMPLATE.'inc_default/images.tmpl');
 
} elseif(is_file(PHPWCMS_TEMPLATE.'inc_cntpart/images/'.$crow["acontent_template"])) {
 
    $image['template']    = @file_get_contents(PHPWCMS_TEMPLATE.'inc_cntpart/images/'.$crow["acontent_template"]);
 
} else {
 
    $image['template']    = '';
 
}
 
if($image['template']) {
 
    $image['tmpl_header']        = get_tmpl_section('IMAGES_HEADER', $image['template']);
    $image['tmpl_footer']        = get_tmpl_section('IMAGES_FOOTER', $image['template']);
    $image['tmpl_entry']        = get_tmpl_section('IMAGES_ENTRY', $image['template']);
    $image['tmpl_entry_space']    = get_tmpl_section('IMAGES_ENTRY_SPACER', $image['template']);
    $image['tmpl_row_space']    = get_tmpl_section('IMAGES_ROW_SPACER', $image['template']);
    $image['tmpl_images']        = array();
 
    $image['template']  = $image['tmpl_header'];
 
    if(is_array($image['images']) && ($image['count'] = count($image['images']))) {
 
        // Start lightbox
        if(empty($image['lightbox'])) {
            $image['lightbox'] = false;
        } else {
            initializeLightbox();
            $image['lightbox'] = generic_string(5);
        }
 
        if(empty($image['center_image'])) {
            $image['center_image'] = 0;
        }
 
        $image['crop'] = empty($image['crop']) ? 0 : 1;
 
        switch($image['center_image']) {
 
            case 1:        // center hor/vert
                        if(!$image['width'] && !$image['height']) {
                            $image['center_image'] = 0;
                        } elseif(!$image['width']) {
                            $image['center_image'] = 3;
                        } elseif(!$image['height']) {
                            $image['center_image'] = 2;
                        }
                        break;
 
            case 2:        // center hor
                        if(!$image['width']) {
                            $image['center_image'] = 0;
                        }
                        break;
 
            case 3:        // center vert
                        if(!$image['height']) {
                            $image['center_image'] = 0;
                        }
                        break;
 
            default:    $image['center_image'] = 0;
 
 
        }
 
        $x   = 0;
        $col = 0;
 
        foreach($image['images'] as $key => $value) {
 
            $col++;
 
            // put spacer content between images
            if($col > 1) {
 
                $image['tmpl_images'][$x] .= $image['tmpl_entry_space'];
 
            } else {
 
                $image['tmpl_images'][$x]  = '';
 
            }
 
            $thumb_image = get_cached_image(
                        array(    "target_ext"    =>    $image['images'][$key][3],
                                "image_name"    =>    $image['images'][$key][2] . '.' . $image['images'][$key][3],
                                "max_width"        =>    $image['images'][$key][4],
                                "max_height"    =>    $image['images'][$key][5],
                                "thumb_name"    =>    md5(    $image['images'][$key][2].$image['images'][$key][4].
                                                            $image['images'][$key][5].$phpwcms["sharpen_level"].
                                                            $image['crop']
                                                        ),
                                'crop_image'    =>    $image['crop']
                              )
                        );
 
            if($image['zoom']) {
 
                $zoominfo = get_cached_image(
                        array(    "target_ext"    =>    $image['images'][$key][3],
                                "image_name"    =>    $image['images'][$key][2] . '.' . $image['images'][$key][3],
                                "max_width"        =>    $phpwcms["img_prev_width"],
                                "max_height"    =>    $phpwcms["img_prev_height"],
                                "thumb_name"    =>    md5(    $image['images'][$key][2].$phpwcms["img_prev_width"].
                                                            $phpwcms["img_prev_height"].$phpwcms["sharpen_level"]
                                                        )
                              )
                        );
            }
 
            // now try to build caption and if neccessary add alt to image or set external link for image
            $caption    = getImageCaption($image['images'][$key][6]);
            // set caption and ALT Image Text for imagelist
            $capt_cur    = html_specialchars($caption[0]);
            $caption[3] = empty($caption[3]) ? '' : ' title="'.html_specialchars($caption[3]).'"'; //title
            $caption[1] = html_specialchars(empty($caption[1]) ? $image['images'][$key][1] : $caption[1]);
 
            $list_img_temp  = '<img src="'.PHPWCMS_IMAGES.$thumb_image[0].'" ';
 
            $img_thumb_name        = $thumb_image[0];
            $img_thumb_rel        = PHPWCMS_IMAGES.$thumb_image[0];
            $img_thumb_abs        = PHPWCMS_URL.PHPWCMS_IMAGES.$thumb_image[0];
            $img_thumb_width    = $thumb_image[1];
            $img_thumb_height    = $thumb_image[2];
 
            if($image['center_image']) {
 
                $img_margin_left    = 0;
                $img_margin_right    = 0;
                $img_margin_top        = 0;
                $img_margin_bottom    = 0;
 
                // center hor/vert
                if($image['center_image'] == 1 || $image['center_image'] == 2) {
                    $img_margin_left    = ceil( ($image['width'] - $thumb_image[1]) / 2 );
                    $img_margin_right    = $image['width'] - $thumb_image[1] - $img_margin_left;
                }
                if($image['center_image'] == 1 || $image['center_image'] == 3) {
                    $img_margin_top        = ceil( ($image['height'] - $thumb_image[2]) / 2 );
                    $img_margin_bottom    = $image['height'] - $thumb_image[2] - $img_margin_top;
                }
 
                $list_img_style        = 'style="margin:'.$img_margin_top.'px '.$img_margin_right.'px '.$img_margin_bottom.'px '.$img_margin_left.'px;" ';
                $list_ahref_style    = '';
                $list_img_temp       .= $list_img_style;
 
            } else {
                $list_img_style        = '';
                $list_ahref_style    = '';
            }
            $list_img_temp .= $thumb_image[3].' alt="'.$caption[1].'"'.$caption[3].' border="0" />';
            $img_a            = '';
 
            if($image['zoom'] && isset($zoominfo) && $zoominfo != false) {
                // if click enlarge the image
                $open_popup_link = 'image_zoom.php?'.getClickZoomImageParameter($zoominfo[0].'?'.$zoominfo[3]);
                if($caption[2][0]) {
                    $open_link = $caption[2][0];
                    $return_false = '';
                } else {
                    $open_link = $open_popup_link;
                    $return_false = 'return false;';
                }
 
                if(!$image['lightbox'] || $caption[2][0]) {
 
                    $img_a .= '<a href="'.$open_link."\" onclick=\"checkClickZoom();clickZoom('".$open_popup_link."','previewpic','width=";
                    $img_a .= $zoominfo[1].",height=".$zoominfo[2]."');".$return_false.'"'.$caption[2][1];
                    $img_a .= $list_ahref_style.'>';
 
                } else {
 
                    // lightbox
                    $img_a .= '<a href="'.PHPWCMS_IMAGES.$zoominfo[0].'" rel="lightbox['.$image['lightbox'].']" ';
                    if($capt_cur) {
                        $img_a .= 'title="'.parseLightboxCaption($capt_cur).'" ';
                    } elseif(strpos($image['tmpl_entry'], '{IMGNAME}')) {
                        $img_a .= 'title="'.parseLightboxCaption( $image['images'][$key][1] ).'" ';
                    }
 
                    $img_a .= $list_ahref_style.'target="_blank">';
 
                }
 
                $img_a .= $list_img_temp.'</a>';
 
                $img_zoom_name        = $zoominfo[0];
                $img_zoom_rel        = PHPWCMS_IMAGES.$zoominfo[0];
                $img_zoom_abs        = PHPWCMS_URL.PHPWCMS_IMAGES.$zoominfo[0];
                $img_zoom_width        = $zoominfo[1];
                $img_zoom_height    = $zoominfo[2];
 
            } else {
                // if not click enlarge
                if($caption[2][0]) {
                    $img_a .= '<a href="'.$caption[2][0].'" '.$list_ahref_style.$caption[2][1].'>'.$list_img_temp.'</a>';
                } else {
                    $img_a .= $list_img_temp;
                }
 
                $img_zoom_name        = '';
                $img_zoom_rel        = '';
                $img_zoom_abs        = '';
                $img_zoom_width        = 0;
                $img_zoom_height    = 0;
            }
 
            $img_a = str_replace('{IMAGE}', $img_a, $image['tmpl_entry']);
            $img_a = str_replace('{IMGID}', $image['images'][$key][0], $img_a);
            $img_a = str_replace('{IMAGE_ID}', $image['images'][$key][0], $img_a);
            $img_a = str_replace('{IMAGE_HASH}', $image['images'][$key][2], $img_a);
            $img_a = str_replace('{IMGNAME}', html_specialchars($image['images'][$key][1]), $img_a);
 
            // replace thumbnail and zoom image information
            $img_a = str_replace('{THUMB_NAME}',    $img_thumb_name, $img_a);
            $img_a = str_replace('{THUMB_REL}',        $img_thumb_rel, $img_a);
            $img_a = str_replace('{THUMB_ABS}',        $img_thumb_abs, $img_a);
            $img_a = str_replace('{THUMB_WIDTH}',    $img_thumb_width, $img_a);
            $img_a = str_replace('{THUMB_HEIGHT}',    $img_thumb_height, $img_a);
 
            $img_a = str_replace('{IMAGE_NAME}',    $img_zoom_name, $img_a);
            $img_a = str_replace('{IMAGE_REL}',        $img_zoom_rel, $img_a);
            $img_a = str_replace('{IMAGE_ABS}',        $img_zoom_abs, $img_a);
            $img_a = str_replace('{IMAGE_WIDTH}',    $img_zoom_width, $img_a);
            $img_a = str_replace('{IMAGE_HEIGHT}',    $img_zoom_height, $img_a);
 
            $img_a = render_cnt_template($img_a, 'ZOOM', ($img_zoom_name ? '<!-- Zoomed -->' : '') );
            $img_a = render_cnt_template($img_a, 'COPYRIGHT', $caption[4] );
 
            if($image['nocaption']) {
                $img_a = render_cnt_template($img_a, 'CAPTION_ELSE', '');
                $img_a = render_cnt_template($img_a, 'CAPTION', '');
            } else {
                $img_a = render_cnt_template($img_a, 'CAPTION', $capt_cur);
            }
 
            $image['tmpl_images'][$x] .= $img_a;
 
            // check if this is the last image in row
            if($image['col'] == $col) {
                $x++;
                $col = 0;
            }
 
        }
 
        $image['template'] .= implode($image['tmpl_row_space'], $image['tmpl_images']);
 
    }
 
    $image['template'] .= $image['tmpl_footer'];
 
    // now do main replacements
    $image['template']  = str_replace('{ID}', $crow['acontent_id'], $image['template']);
    $image['template']  = str_replace('{SPACE}', $image['space'], $image['template']);
    $image['template']  = render_cnt_template($image['template'], 'TITLE', html_specialchars($crow['acontent_title']));
    $image['template']  = render_cnt_template($image['template'], 'SUBTITLE', html_specialchars($crow['acontent_subtitle']));
    $image['template']  = render_cnt_template($image['template'], 'TEXT', $crow['acontent_text']);
 
    $CNT_TMP .= $image['template'];
 
}
 
unset($image);
 
?>
english/technics/core/catching-thumbnail-images.txt · Last modified: 2018/06/03 18:09 (external edit)
Show pagesourceOld revisions
Back to top
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0