Changeset 16754


Ignore:
Timestamp:
07/15/12 19:44:26 (7 years ago)
Author:
gbo
Message:

2.4F improve frame management first size and JS resize

Location:
extensions/LLGBO2
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • extensions/LLGBO2/admin/llgbo_admin.php

    r15076 r16754  
    289289                if ($_POST['sample'] == "B_W") 
    290290                        { $llgbo_sample = "#e8cb8b,#fcf6e9,11,#171112,9,#352c2d,1,#fcf6e9,1,#000000,3,#171112,3,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0,#000000,0";} 
     291                if ($_POST['sample'] == "IVORY") 
     292                        { $llgbo_sample = "#16195f,#f4f4f4,4,#685008,1,#e0e0df,5,#d6d6d4,1,#cbcbca,1,#c0c0be,1,#b5b5b4,1,#aaaaa8,1,#9e9e9c,1,#929291,1,#868685,1,#7b7b7a,1,#6e6e6d,1,#626261,1,#555555,1,#4a4a4a,1";} 
    291293                if ($_POST['sample'] != "MY_LAST_VALUES") 
    292294                  { $conf['LLGBO_FRAME'] = explode ("," ,$llgbo_sample ); } 
  • extensions/LLGBO2/admin/llgbo_adminframe.tpl

    r10453 r16754  
    1818                <option label="WHITE" value="WHITE">White</option> 
    1919                <option label="B_W" value="B_W">Black&White</option> 
     20                <option label="IVORY" value="IVORY">Ivory</option> 
    2021                <option label="MY_LAST_VALUES" value="MY_LAST_VALUES"><selected="selected">MyLastValues</option> 
    2122                </select> <input class="submit" type="submit" value="{'previewsamples'|@translate}" name="previewsample"/> 
  • extensions/LLGBO2/include/manage_picture_content.php

    r16145 r16754  
    22$prev = $template->get_template_vars('previous'); 
    33$next  = $template->get_template_vars('next'); 
    4 $current  = $template->get_template_vars('current'); 
     4$current = $template->get_template_vars('current'); 
    55$themeconf = $template->get_template_vars('themeconf'); 
     6$slideshow = $template->get_template_vars('U_SLIDESHOW'); 
    67//print_r($next); 
    78$swtimg =   '||<img src=';       
     
    1415        $template->append('llgbo', array('tooltipCSS'  => $sweetcss), true);  
    1516        }        
    16          
     17If (($conf['LLGBO_SETTINGS'] [0] == 'true') and (!isset($slideshow))  ) //Frame 
     18        {        
     19        $template->set_prefilter('default_content', 'LLGBO_prefilter_Content_Frame'); 
     20 
    1721//----------------------------------------------------    
    18 /*              HTML  frame                          */ 
    19 //----------------------------------------------------    
    20 If (($conf['LLGBO_SETTINGS'] [0] == 'true') ) //Frame 
    21         {        
    22         $template->set_prefilter('default_content', 'LLGBO_prefilter_Frame'); 
    23         // selected picture Size                         
    24         $deriv_type = pwg_get_session_var('picture_deriv', IMG_LARGE); 
    25         $PictSizeWH  =  $element_info['derivatives'][$deriv_type]->get_size();   
    26         $frame_width  = $PictSizeWH[0]; 
    27                 $frame_height = $PictSizeWH[1]; 
    28                 $lastbrdpx = 0; 
    29                 $frame_begin =''; 
     22/*       HTML End  frame   on Picture_content       */ 
     23//----------------------------------------------------           
    3024                $frame_end=''; 
    3125                for ($x = 1   ;$x < 32  ; $x =$x +2) 
    3226                {       if ((isset($conf['LLGBO_FRAME'][$x+1])) and  ($conf['LLGBO_FRAME'][$x+1] > 0))  // boder value > 0       
    33                           { $bordpx= $conf['LLGBO_FRAME'][$x+1];  
    34                                 $frame_width = $frame_width + ( 2* $lastbrdpx);                           
    35                                 $frame_height = $frame_height + ( 2* $lastbrdpx);  
    36                             $bordcolor = $conf['LLGBO_FRAME'][$x]; 
    37                             $frame_begin = '<div   id ="llgboframe'.$x.'" style="border:'.$bordpx.'px solid '.$bordcolor.';width:'.$frame_width.'px; height:'.$frame_height.'px;">'."\n".$frame_begin; 
    38                                 $frame_end = $frame_end .'</div>';       
    39                                 $lastbrdpx = $bordpx;} 
     27                          {     $frame_end = $frame_end .'</div>';      } 
    4028                } 
    4129        $csstheme = 'default'; 
    4230        $themeconf = $template->get_template_vars('themeconf'); 
    43                 $frame_width = $frame_width + ( 2* $lastbrdpx);                           
    44                 $frame_height = $frame_height + ( 2* $lastbrdpx);  
    45                 $frame_size = 'style="border:0 ;width:'.$frame_width.'px; height:'.$frame_height.'px;"'; 
    46                 $themestyle = $themeconf['parent']; 
     31        //  dedicated Css by parent theme        
     32                $themestyle = 'default'; 
     33                if (isset ($themeconf['parent'])) 
     34                { $themestyle = $themeconf['parent'];} 
    4735                If ($themestyle == 'default') 
    4836                   { $themestyle = $themeconf['id'];} 
    49                 // print_r($themestyle); 
    5037                 $template->append('llgbo', array( 
    51                          'FRAME_SIZE' => $frame_size, 
    52                          'FRAME_BEGIN' => $frame_begin, 
    5338                          'FRAME_END' => $frame_end, 
    5439                          'GBOCSS' => LLGBO_PATH."css/llgbo_content_".$themestyle.".css" ), true);  
    5540 
    56                           
    57         If (($conf['LLGBO_SETTINGS'] [5]  == 'true' )  /* title on frame */  
    58         and ($conf['LLGBO_SETTINGS'] [0]  == 'true' ) )// frame 
    59                  {  $template->append('llgbo', array( 
    60                                  'TITLE_FRAME_COLOR' => $conf['LLGBO_FRAME'][0], 
    61                                  'TITLE_FRAME' => $current['name'] ), true); 
    62                         $template->assign('SHOW_PICTURE_NAME_ON_TITLE' , false);  
    63          
    64                         } 
    6541} // end frame 
     42 
    6643?> 
  • extensions/LLGBO2/js/jquery_llgboframeresize.js

    r15076 r16754  
    11// LLGBO frame resize  
    22jQuery(document).ready(function(jQuery){  
    3         jQuery("#theMainImage").load(function(){LlgboFr_Resize();});     
    4         jQuery(window).resize(function(){ LlgboFr_Resize(); }); 
     3         jQuery("#theMainImage").load(function(){LlgboFr_Resize();});    
     4        jQuery(window).resize(function(){ LlgboFr_Resize(); });  
    55}); 
    66var LlgboFr_Resize = function () { 
    7         var MainImg = jQuery("img#theMainImage").get(0);         
    8         var nFrH = parseInt(MainImg.height); 
    9         var nFrW = parseInt(MainImg.width); 
    10         var FrLstBdr = 0, i = 0; 
    11         var elGbo = jQuery("div#llgbo"); 
    12         if  (elGbo.get(0)) {  
    13                 for ( i=1; i<32; i=i+2 ) 
    14                         {var Fr = jQuery("div#llgboframe"+(i)); 
    15                          var frbdr = 0; 
    16                          if (Fr.get(0)) { 
    17                                 frbdr = parseInt(Fr.css('border-left-width')); 
    18                                 nFrH = nFrH + FrLstBdr ; 
    19                                 nFrW = nFrW + FrLstBdr ; 
    20                                 Fr.css("height", (nFrH) + "px"); 
    21                                 Fr.css("width", (nFrW) + "px");} 
    22                                 FrLstBdr = (frbdr * 2);  
    23                         } 
    24                         elGbo.css("width", (nFrW + FrLstBdr) + "px"); 
    25                         elGbo.css("height", (nFrH + FrLstBdr) + "px"); 
     7        var elGbo = document.getElementById("llgbo0"); 
     8         if  (elGbo) {  
     9            var MainImg = document.getElementById("theMainImage");  
     10                var nFrH = parseInt(MainImg.height);  
     11                var nFrW = parseInt(MainImg.width); 
     12                var ReadImgSize = document.getElementById("LLGBO_READIMGREELSIZE"); 
     13                 if (ReadImgSize) { 
     14                 // Must read via URL the physical size of the img 
     15                         var x = document.createElement('img');  
     16                         x.id = 'NewImgx'; 
     17                         document.getElementsByTagName('body')[0].appendChild(x); 
     18                         x.style.top = '0'; 
     19                         x.style.visibility = 'hidden'; 
     20                         x.src =  MainImg.src; 
     21                         nFrH = parseInt(x.height);  
     22                         nFrW = parseInt(x.width); 
     23                        document.getElementsByTagName('body')[0].removeChild(x); 
    2624                } 
     25         
     26                var FrLstBdr = 0, i = 0; 
     27                        for ( i=1; i<32; i=i+2 ) 
     28                                {var Fr = document.getElementById("llgboframe"+(i)); 
     29                                 var frbdr = 0; 
     30                                 if (Fr) { 
     31                                        frbdr = parseInt(Fr.style.borderWidth); 
     32                                        nFrH = nFrH + FrLstBdr ; 
     33                                        nFrW = nFrW + FrLstBdr ; 
     34                                        Fr.style.height = nFrH + "px"; 
     35                                        Fr.style.width = nFrW + "px";} 
     36                                        FrLstBdr = (frbdr * 2);   
     37                                } 
     38                                elGbo.style.width = (nFrW + FrLstBdr) + "px"; 
     39                                elGbo.style.height =(nFrH + FrLstBdr) + "px"; 
     40                }                
    2741} 
  • extensions/LLGBO2/main.inc.php

    r16145 r16754  
    22/* 
    33Plugin Name: Look_like_gbo2  
    4 Version:  2.4.D 
     4Version:  2.4.F 
    55Plugin URI: http://phpwebgallery.net/ext/extension_view.php?eid=251 
    66Author: GBo  
     
    1111        2.4.B beta 2 Compliance with Theme Stripped and plugin Piwishak   
    1212        2.4.C First version for official Piwigo 2.4 
    13         2.4.D Compliance with Theme Simple 
     13        2.4.D Compliance with Theme Simple + fix bug on option 
     14        2.4.F Improvement on frame management first size 
    1415 */ 
    1516if (!defined('PHPWG_ROOT_PATH')) die('Hacking attempt!'); 
    1617 
    1718global $conf;  
    18 define ('LLGBO_INFO_VERSION','2.4.D'); 
     19define ('LLGBO_INFO_VERSION','2.4.F'); 
    1920if (!defined('LLGBO_PATH')) 
    2021{define('LLGBO_PATH' ,get_root_url().'plugins/'.basename(dirname(__FILE__)) . '/');} 
     
    6869function  llgbo_EndPicture() 
    6970{ global $template,$conf; 
    70 $infofile = $template->get_template_vars('INFO_FILE');  
    71  
     71$infofile = $template->get_template_vars('INFO_FILE'); 
     72$current = $template->get_template_vars('current'); 
     73$slideshow = $template->get_template_vars('U_SLIDESHOW'); 
     74//----------------------------------------------------    
     75/*       HTML End  frame   on Picture.tpl       */ 
     76//----------------------------------------------------   
     77If (($conf['LLGBO_SETTINGS'] [0] == 'true') and (!isset($slideshow)) ) //Frame 
     78        { $template->set_prefilter('picture', 'LLGBO_prefilter_Picture_Frame'); 
     79                If (isset($conf['LLGBO_SETTINGS'] ['rirs'])) 
     80                { // Force javascript LlgboFr_Resize  to Read MainImage Reel Size via URL  
     81                  // Must be used when html image is already resize by HTML (IE or Chrome) 
     82                If ($conf['LLGBO_SETTINGS'] ['rirs']  == 'true') // Forcce javascript to read Image reel size 
     83                        {$template->append('llgbo', array('READIMGREELSIZE'  => "ok"), true); } 
     84                        } 
     85// selected picture Size                         
     86        $PictSizeWH  =  $current['selected_derivative']->get_size();     
     87        $frame_width  = $PictSizeWH[0]; 
     88                $frame_height = $PictSizeWH[1]; 
     89                $lastbrdpx = 0; 
     90                $frame_begin =''; 
     91                for ($x = 1   ;$x < 32  ; $x =$x +2) 
     92                {       if ((isset($conf['LLGBO_FRAME'][$x+1])) and  ($conf['LLGBO_FRAME'][$x+1] > 0))  // boder value > 0       
     93                          { $bordpx= $conf['LLGBO_FRAME'][$x+1];  
     94                                $frame_width = $frame_width + ( 2* $lastbrdpx);                           
     95                                $frame_height = $frame_height + ( 2* $lastbrdpx);  
     96                            $bordcolor = $conf['LLGBO_FRAME'][$x]; 
     97                            $frame_begin = '<div   id="llgboframe'.$x.'" class="llgbo" style="border:'.$bordpx.'px solid '.$bordcolor.';width:'.$frame_width.'px; height:'.$frame_height.'px;">'."\n".$frame_begin; 
     98                                $lastbrdpx = $bordpx;} 
     99                } 
     100                $frame_width = $frame_width + ( 2* $lastbrdpx);                           
     101                $frame_height = $frame_height + ( 2* $lastbrdpx);  
     102                $frame_size = 'style="border:0 ;width:'.$frame_width.'px; height:'.$frame_height.'px;"'; 
     103                $template->append('llgbo', array( 
     104                         'FRAME_SIZE' => $frame_size, 
     105                         'FRAME_BEGIN' => $frame_begin), true);  
     106        If (($conf['LLGBO_SETTINGS'] [5]  == 'true' )  /* title on frame */  
     107        and ($conf['LLGBO_SETTINGS'] [0]  == 'true' ) )// frame 
     108                 {  $template->append('llgbo', array( 
     109                                 'TITLE_FRAME_COLOR' => $conf['LLGBO_FRAME'][0], 
     110                                 'TITLE_FRAME' => $current['name'] ), true); 
     111                        $template->assign('SHOW_PICTURE_NAME_ON_TITLE' , false);  
     112                        } 
     113        } 
    72114// ---- Metadata ----------      
    73115$pictExt = substr($infofile,-3); 
     
    119161// -----------  add CSS tooltip in footer -------------------- 
    120162//----------------------------------------------------------------- 
    121  If ((($conf['LLGBO_SETTINGS'][1]  == 'true' ) /*  tooltip  */   
     163 If (($conf['LLGBO_SETTINGS'][1]  == 'true' ) /*  tooltip  */   
    122164 or  ($conf['LLGBO_SETTINGS'] [2]  == 'true' )  /* exif under bt */ )     
    123165        {       $template->append('footer_elements',$sweetcss); 
     
    135177} //end --> llgbo_RenderContent 
    136178 
    137 function LLGBO_prefilter_Frame($content, &$smarty) 
    138 {  global $themeconf; 
    139 // ------------------------ 
    140 //  begin frame  
    141  $search = '<img src="'; 
    142   $replacement = '{if isset($llgbo.TITLE_FRAME)}'."\n".'<span  id="llgboh2" style ="background:transparent;z-index:3;color:{$llgbo.TITLE_FRAME_COLOR}">{$llgbo.TITLE_FRAME}</span>'; 
    143   $replacement = $replacement."\n".'{/if}'."\n".'<div  id="llgbo" {$llgbo.FRAME_SIZE}>'."\n".'{$llgbo.FRAME_BEGIN}'."\n".$search; 
    144   $content = str_replace($search, $replacement, $content); 
    145 // ------------------------ 
    146   //  End frame   
     179function LLGBO_prefilter_Content_Frame($content, &$smarty) 
     180{   //  End frame  picture_content TPL 
     181  global $themeconf; 
    147182  $search = '{foreach from=$current.unique_derivatives'; 
    148183  $replacement =  "\n".'{$llgbo.FRAME_END}'."\n"."</div> <!-- end GBO frame -->"."\n".$search; 
     
    151186  $replacement =  $search."\n".'{$llgbo.FRAME_END}'."\n"."</div> <!-- end GBO frame -->";} 
    152187  return str_replace($search, $replacement, $content); 
     188} 
     189 
     190function LLGBO_prefilter_Picture_Frame($content, &$smarty) 
     191{ 
     192// ------------------------ 
     193//  begin frame on picture TPL 
     194 $search = '{$ELEMENT_CONTENT}'; 
     195 $replacement = '{if isset($llgbo.TITLE_FRAME)}'."\n".'<span  id="llgboh2" style ="background:transparent;z-index:3;color:{$llgbo.TITLE_FRAME_COLOR}">{$llgbo.TITLE_FRAME}</span>'; 
     196 $replacement = $replacement."\n".'{/if}'."\n".'<div   id="llgbo0" class="llgbo" {$llgbo.FRAME_SIZE}>'."\n".'{$llgbo.FRAME_BEGIN}'."\n".$search; 
     197// ------------------------ 
     198  return  str_replace($search, $replacement, $content); 
    153199} 
    154200 
  • extensions/LLGBO2/samples/cadre data.txt

    r4523 r16754  
    1111#9f7a09,#090909,3,#fafafa,1,#0b0b0b,4,#0c0c0c,4,#1f1f20,1,#29292b,1,#343435,1,#3f3f41,1,#4a4a4b,1,#555557,1,#616163,1,#6d6d6e,1,#79797a,1,#848485,1,#919192,1,#9d9d9e,1  
    1212 
     13White new 
     14#16195f,#f4f4f4,4,#685008,1,#e0e0df,5,#d6d6d4,1,#cbcbca,1,#c0c0be,1,#b5b5b4,1,#aaaaa8,1,#9e9e9c,1,#929291,1,#868685,1,#7b7b7a,1,#6e6e6d,1,#626261,1,#555555,1,#4a4a4a,1 
    1315 
    1416tooltip default 
  • extensions/LLGBO2/template/llgbo_content.tpl

    r15107 r16754  
    11<!-- LLGBO2 picture_content --> 
    2 {if  isset($llgbo.TOOLTIPCSS)}    
    3                 {$llgbo.TOOLTIPCSS}  
    4 {/if}   
    5 {if  isset($llgbo.GBOCSS)}       
    6         { if file_exists($llgbo.GBOCSS) }  
    7                         {combine_css path=$llgbo.GBOCSS order=+10} 
    8                 {else} 
    9                   {combine_css path=$LLGBO_PATH|@cat:"css/llgbo_content_default.css" order=+10} 
    10         {/if}  
    11 {/if}   
    12 {if  !isset($llgbo.NOJS)} 
    13                 {if  isset($llgbo.TOOLTIP)}         
    14                         {combine_script id='llgbojqtooltip' load='footer' require='jquery'  path=$LLGBO_PATH|@cat:"js/jquery_llgbotip.js"} 
    15                  {/if} 
    16                  {if  isset($llgbo.FRAME_BEGIN)}         
    17                         {combine_script id='llgbojqframe' load='footer' require='jquery'  path=$LLGBO_PATH|@cat:"js/jquery_llgboframeresize.js" } 
    18                 {/if} 
     2 {if !isset($U_SLIDESHOW)} 
     3        {if  isset($llgbo.TOOLTIPCSS)}    
     4                        {$llgbo.TOOLTIPCSS}  
     5        {/if}   
     6        {if  isset($llgbo.GBOCSS)}       
     7                { if file_exists($llgbo.GBOCSS) }  
     8                                {combine_css path=$llgbo.GBOCSS order=+10} 
     9                        {else} 
     10                          {combine_css path=$LLGBO_PATH|@cat:"css/llgbo_content_default.css" order=+10} 
     11                {/if}  
     12        {/if}   
     13        {if  !isset($llgbo.NOJS)} 
     14                        {if  isset($llgbo.TOOLTIP)}         
     15                                {combine_script id='llgbojqtooltip' load='footer' require='jquery'  path=$LLGBO_PATH|@cat:"js/jquery_llgbotip.js"} 
     16                         {/if} 
     17                         {if  isset($llgbo.FRAME_BEGIN)}         
     18                                {combine_script id='llgbojqframe' load='footer' require='jquery'  path=$LLGBO_PATH|@cat:"js/jquery_llgboframeresize.js" } 
     19                        {/if} 
     20        {/if} 
     21 
     22        {if  isset($llgbo.READIMGREELSIZE)}      
     23        <div id="LLGBO_READIMGREELSIZE" style="visibility:hidden;top:0;"> <!--  if exists Force javascript LlgboFr_Resize  to Read MainImage Reel Size via URL" --></div> 
     24        {/if} 
    1925{/if} 
    2026 
Note: See TracChangeset for help on using the changeset viewer.