编辑“Gallery:外观主题:PGlightbox”（章节）

== 外观主题设定 ==
 
不同设定值的示例可以在下面的Snapshot中找到：
 
更多 – 会尽快添加说明性文字的 ;)
 

=== 全局设定 ===
 
非标准外观主题和选项的选取有问题，即Imageblocks的。我的解决办法就是使用标准的如Matrix的外观主题作为默认，将Root-Album转到PGlightbox，并将此外观主题应用到根目录相册下的所有相册。这就能让Siteadmin完美运行了- 因为它使用的是标准的外观主题。
 
<gallery>
Image:Global.jpg
</gallery>

=== 总览 ===
<gallery>
Image:Overall.jpg
Image:Overall2.jpg
</gallery>

=== 相册 ===
<gallery>
Image:Album.jpg
</gallery>


=== 相册项目 ===
<gallery>
Image:AlbumItems.jpg
</gallery>


=== 相片 ===
<gallery>
Image:Photo.jpg
</gallery>


=== 微型缩略图 ===
<gallery>
Image:Thumbs.jpg
</gallery>


=== 区块 ===
<gallery>
Image:Blocks.jpg
</gallery>


=== 动作 ===
<gallery>
Image:Actions.jpg
Image:Actions2.jpg
</gallery>


=== 选用文本 ===
<gallery>
Image:Alternate.jpg
</gallery>


=== 幻灯片 ===
 
允许PGtheme幻灯片的使用，符合得很完美，因为它直接来自该外观主题- 并允许在适当的地方显示小的幻灯片图标。
 

<gallery>
Image:Slideshow.jpg
</gallery>

=== 页脚 ===
 
没什么特别的 – 仅有选择显示XHTML小标志的选项 –用在gallery中的认证，Gallery，捐赠和版权信息。
  
<gallery>
Image:Footer.jpg
</gallery>

=== 互动框架 ===

以下的设定会向显示的相片添加图片作者的版权通告。色彩特地应本人最爱的PGsnow颜色包进行了优化。

<gallery>
Image:Frames.jpg
Image:Frames2.jpg
</gallery>
 
[[Image:canvas.jpg]]

=== 窍门和技巧 ===

==== Lightbox弹出窗口的尺寸 ====
Photo Lightbox弹出窗口目前总会使用第三可用的重设尺寸图片- 为的就是符合标准的17"屏幕，你应当按如下所示使用相册编辑来定义重设尺寸的图片：
<gallery>
Image:Resize.jpg
</gallery>

==== 相册页面上的Lightbox预览图 ====
相册页面上Lightbox预览图的尺寸必须在theme.inc中直接定义。默认的800px设定使得Gallery不得不查找最符合的重设尺寸图片来显示。 800px是17"屏幕的最佳契合，如果你的屏幕更大些的话，将此设定为960px或1024px会更好。
<pre><nowiki>  
				/* 向子值添加resizedId */
				if ( $theme['children'] ){
				    foreach ( $theme['children'] as $key => $value ){
				        if ( $value['id'] ){
				            list($ret,$resizedIds) =  
                                                  GalleryCoreApi::fetchResizesByItemIds(array($value['id']));
				            if ($ret)
				                return $ret;
				        }
				        $theme['children'][$key]['resizedId'] = $value['id'];
				        if ( $resizedIds ){
				            /* 找到最佳的重设尺寸图片
				             * 
				             * 使用宽/高最大值=800; */
				            $lboxMaxEdge = 800;
				            $resizedEdge = NULL;
				            $resizedId = NULL;
				            foreach ( $resizedIds[$value['id']] as $resize ){
						$width = $resize->getWidth();
				                $height = $resize->getHeight();
				                $edge = ( $width > $height )? $width : $height;
				                if ( $edge <= $lboxMaxEdge ){
				                    if ( !isset($resizedEdge) ){
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } else if ( $edge > $resizedEdge ){ 
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } 
				                }
				            }
				            $theme['children'][$key]['resizedId'] = $resizedId;
				        }
				    }
				}
			
</nowiki></pre>
 
==== 如何应其他颜色包的需要对Lightbox进行调整 ====
PGlightbox外观主题为了迎合PGsnow颜色包而进行了高度的优化。如果你要应用其他颜色包的话，就需要做一些调整。

===== 图标 =====
有特殊的图标，即对PGsnow\images\set1 and -set1\3d_on中的eCard功能，你需要复制到新的颜色包位置(ecard.gif & ecardon.gif).

===== Lightbox CSS =====
位于\PGlightbox\images\lb\css中的Lightbox-CSS也需要做一些调整， 
<pre><nowiki>  

#outerImageContainer{
	position: relative;
	'''background-color: #f4f4f4;'''
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	'''background-color: #f4f4f4;'''
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData{
	padding:0 10px;
	'''background-color: #f4f4f4;'''
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; '''background-color: #f4f4f4;''' }	
#imageData #caption{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color=777; 
            '''background-color: #f4f4f4;'''}
#imageData #numberDisplay{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #333;
	display: block; 
	clear: left; 
	padding-bottom: 1.0em; 
	'''background-color: #f4f4f4;'''
}			
#imageData #bottomNavClose{ background: url(../../close.gif) no-repeat; background-color: #f4f4f4; width: 22px; float: right; padding-bottom: 2.4em;}	
	
...
		
#'''overlay'''{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	'''background-color: #fff;'''
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}

</nowiki></pre>

将它们设得更暗些 – 如overlay为#000 (黑色)，就会变成暗灰 – 使用已应用的透明度...

===== 飞动的评论 =====
要启用相片和相册页面上的飞动评论效果，你需要激活
::: BLOCKS :::
"BLOCKS :: 在相片页面上显示一个"Blocks"按钮（当被点击时，被选取看会显示：包含EXIF，评论等）"
并添加
::: 外观主题设定（Theme Settings） :::
"相片页面上显示的区块" - '添加评论（Add Comment）'。


===== 跳过'评论添加确认（Add Comment Confirmation）' =====
对于飞动效果评论来说，你可能想跳过"评论已添加"确认页面。
对"AddComment.inc"模块的语句行稍作修改就可以达成了。
找到"modules\comment\AddComment.inc"文件，搜索其中的字串： 
"/* 现在就将用户送至确认页面*/"
接着修改 

<pre><nowiki>  		
       /* 现在就将用户送至确认页面*/
	$redirect['view'] = 'comment.CommentChangeConfirmation';
	$redirect['itemId'] = (int)$itemId;
	$status['added'] = 1;
    }
</nowiki></pre>
to

<pre><nowiki>  
       /*现在就将用户送至确认页面*/
	$redirect['view'] = 'core.ShowItem';
	$redirect['itemId'] = (int)$itemId;
	$status['added'] = 1;
    }
</nowiki></pre>