/*photogallery*/
body {
margin:0;
padding:0;
}
a img {
border:0px;
padding:0;
margin:0;
}
.phocagallery-box-file {
position:relative;
float:left;
width:120px;
height:140px;
padding:5px;
margin:5px;
text-align:center;
overflow:visible;
}
.phocagallery-box-file-first {
width:100px;
height:100px;
overflow: hidden;
display: table;
vertical-align:middle;
}
.phocagallery-box-file-second {
display: table-cell;
vertical-align: middle;
}
.phocagallery-box-file-third {
text-align:center;
}
#phocagallery a img,
#phocagallery-statistics a img{
border: 0px;
}
#phocagallery a:hover, #phocagallery a:active, #phocagallery a:focus,
#phocagallery-statistics a:hover, #phocagallery-statistics a:active, #phocagallery-statistics a:focus {
background: none;
border:0px;
text-decoration:none;
}
#phocagallery .phocaname,
#phocagallery-statistics .phocaname{
margin:0px;
padding:0px;
margin-top:2px;
color:#135cae;
text-align:center;
}
#phocagallery .detail,
#phocagallery-statistics .detail {
text-align:right;
margin:0px;
padding:0px;
}
.phocagallery-box-file:hover, .phocagallery-box-file.hover {
border:1px solid #135cae;
background:#f5f5f5;
text-decoration:none;
}
/*detail*/
.phocagallery-box-file-d {
position:relative;
float:left;
border:1px solid #E8E8E8;
background:#fcfcfc;
text-align:center;
overflow:visible;
width:640px;
height:480px;
}
.phocagallery-box-file-first-d {
background:#f5f5f5;
width:640px;
height:480px;
overflow: hidden;
display: table;
vertical-align:middle;
}
/*download message*/
#download-msg{
font-family:sans-serif;
font-size:83%;
position:absolute;
left: 10%;
top:10%;
background-color: #ebecff;
border: 5px solid #cccccc;
z-index:1000;
}
/*download message text*/
#download-msg div table{
padding: 10px;
position: relative;
z-index:1000;
background-color:#ebecff;
}
#download-msg div table tr td,
#download-msg div table tr td small,
#download-msg a {
color:#000000;
font-weight: bold;
}
#phocagallery .main-switch-image {
margin:0px;padding:7px 5px 7px 5px;margin-bottom:15px;
}
#phocagallery .main-switch-image-table {
border:1px solid #c2c2c2;
}
#loading-label {
text-align:center;
display:none;
}
#image-box {
position:relative;
}
#description-msg{
font-size:83%;
text-align:left;
margin:0;padding:0;
position:absolute;
bottom: 0px;
left:0px;
right:0px;
background-color: #000;
z-index:1000;
width:100%;
}
#description-text{
color:#fff;
padding:10px;
/* filter:alpha(opacity=100);
opacity: 0.8;
-moz-opacity:0.8; */
position: relative;
z-index:1000;
background-color:#000;
}
/* Voting - style by http://www.jluvip.com/works/css/starvote/index2-1.html*/
.star-rating{
list-style:none;
margin: 0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
width: 110px;
height: 22px;
position: relative;
background: url(images/icon-voting.gif) top left repeat-x;
}
.star-rating li{
list-style-type:none;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:22px;
height: 22px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(images/icon-voting.gif) left center;
z-index: 2;
left: 0px;
}
.star-rating a.star1{
left: 0px;
}
.star-rating a.star1:hover{
width:22px;
}
.star-rating a.stars2{
left:22px;
}
.star-rating a.stars2:hover{
width: 44px;
}
.star-rating a.stars3{
left: 44px;
}
.star-rating a.stars3:hover{
width: 66px;
}
.star-rating a.stars4{
left: 66px;
}
.star-rating a.stars4:hover{
width: 88px;
}
.star-rating a.stars5{
left: 88px;
}
.star-rating a.stars5:hover{
width: 110px;
}
.star-rating li.current-rating{
background: url(images/icon-voting.gif) left bottom;
position: absolute;
height: 22px;
/*width:77px;*/
display: block;
text-indent: -9000px;
z-index: 1;
}
/* Voting small */
.star-rating-small{
list-style:none;
margin: 0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
width: 80px;
height: 16px;
position: relative;
background: url(images/icon-voting-small.gif) top left repeat-x;
}
.star-rating-small li{
list-style-type:none;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating-small li a{
display:block;
width:16px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating-small li a:hover{
background: url(images/icon-voting-small.gif) left center;
z-index: 2;
left: 0px;
}
.star-rating-small a.star1{
left: 0px;
}
.star-rating-small a.star1:hover{
width:16px;
}
.star-rating-small a.stars2{
left:16px;
}
.star-rating-small a.stars2:hover{
width: 32px;
}
.star-rating-small a.stars3{
left: 32px;
}
.star-rating-small a.stars3:hover{
width: 48px;
}
.star-rating-small a.stars4{
left: 48px;
}
.star-rating-small a.stars4:hover{
width: 64px;
}
.star-rating-small a.stars5{
left: 64px;
}
.star-rating-small a.stars5:hover{
width: 80px;
}
.star-rating-small li.current-rating{
background: url(images/icon-voting-small.gif) left bottom;
position: absolute;
height: 16px;
/*width:77px;*/
display: block;
text-indent: -9000px;
z-index: 1;
}
#phocagallery-votes, #phocagallery-comments, #phocagallery-upload {
margin-top:0px;/*IE bug*/
margin-bottom:15px;
}
#phocagallery-votes a img,
#phocagallery-comments a img,
#phocagallery-upload a img,
#phocagallery-category-creating a img,
#phocagallery-statistics a img{
border: 0px;
}
#phocagallery-categories-detail fieldset,
#phocagallery-votes fieldset,
#phocagallery-comments fieldset,
#phocagallery-upload fieldset,
#phocagallery-category-creating fieldset,
#phocagallery-statistics fieldset {
border:1px solid #ccc;
padding:10px;
margin:5px;
}
#phocagallery-categories-detail legend,
#phocagallery-votes legend,
#phocagallery-comments legend,
#phocagallery-upload legend,
#phocagallery-category-creating legend,
#phocagallery-statistics legend {
font-weight:bold;
color:#aa0000;
padding:10px;
}
#phocagallery-votes small,
#phocagallery-comments small,
#phocagallery-upload small ,
#phocagallery-statistics small {
color:#ccc;
}
#phocagallery-votes form,
#phocagallery-comments form,
#phocagallery-upload form,
#phocagallery-category-creating form {
margin:0;
padding:0;
}
#phocagallery-comments .comment-input,
#phocagallery-upload .comment-input,
#phocagallery-category-creating .comment-input {
width: 98%;
}
#phocagallery-comments .comment-input2,
#phocagallery-upload .comment-input2,
#phocagallery-category-creating .comment-input2 {
width: 40px;
border:0px;
font-weight:bold;
}
/* tabs */
form {
margin: 0;
padding: 0;
}
dl.tabs {
float: left;
margin: 10px 0 -1px 0;
z-index: 50;
}
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-left: 3px;
background: #f0f0f0;
color: #666;
}
dl.tabs dt.open {
background: #ffffff;
border-bottom: 1px solid #ffffff;
z-index: 100;
color: #000;
}
div.current {
clear: both;
border: 1px solid #ccc;
padding: 10px 10px;
background: #ffffff;
}
div.current dd {
padding: 0;
margin: 0;
}
#uploadForm {
margin:0;
padding:0;
}
#phocagallery-comments-form{
margin:0;
padding:0;
}
#phocaexif{
padding:10px;
}
#phocaexif h2{
font-size:130%;
background: url(images/icon-info.gif) left center no-repeat;
padding-left: 20px;
}
#phocaexif table{
border-collapse:collapse;
}
#phocaexif table tr.first{
background:#fdfdfd;
border-bottom:1px dotted #ccc;
border-collapse:collapse;
}
#phocaexif table tr.second{
background:#fff;
border-bottom:1px dotted #ccc;
border-collapse:collapse;
}
#phocaexif table tr td{
padding:5px;
border-collapse:collapse;
}
.phoca-hr {
margin-top:10px;
border-bottom:1px solid #e8e8e8;
margin-bottom:10px;
clear:both;
}
/* IE Shadowbox */
#shadowbox_title,
#shadowbox_info {
border: 0px;
}
#phocagallery-img-votes {
margin:0;
padding:0;
margin-left:10px;
margin-right:10px;
}
#comments{
width:auto;
margin-left: 3px;
padding: 4px 10px;
}
<?php
/*
* @package Joomla 1.5
* @copyright Copyright (C) 2005 Open Source Matters. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
*
* @component Phoca Gallery
* @copyright Copyright (C) Jan Pavelka www.phoca.cz
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
class PhocaGalleryRenderFront
{
function renderCommentJS($chars) {
$tag = "<script type=\"text/javascript\">"
."function countChars() {" . "\n"
."var maxCount = ".$chars.";" . "\n"
."var pfc = document.getElementById('phocagallery-comments-form');" . "\n"
."var charIn = pfc.phocagallerycommentseditor.value.length;" . "\n"
."var charLeft = maxCount - charIn;" . "\n"
."" . "\n"
."if (charLeft < 0) {" . "\n"
." alert('".JText::_('You have reached maximum limit of characters allowed')."');" . "\n"
." pfc.phocagallerycommentseditor.value = pfc.phocagallerycommentseditor.value.substring(0, maxCount);" . "\n"
." charIn = maxCount;" . "\n"
." charLeft = 0;" . "\n"
."}" . "\n"
."pfc.phocagallerycommentscountin.value = charIn;" . "\n"
."pfc.phocagallerycommentscountleft.value = charLeft;" . "\n"
."}" . "\n"
."function checkCommentsForm() {" . "\n"
." var pfc = document.getElementById('phocagallery-comments-form');" . "\n"
." if ( pfc.phocagallerycommentstitle.value == '' ) {". "\n"
." alert('". JText::_( 'Please enter a title' )."');". "\n"
." return false;" . "\n"
." } else if ( pfc.phocagallerycommentseditor.value == '' ) {". "\n"
." alert('". JText::_( 'Please enter a comment' )."');". "\n"
." return false;" . "\n"
." } else {". "\n"
." return true;" . "\n"
." }" . "\n"
."}". "\n"
."</script>";
return $tag;
}
function renderCategoryCSS($font_color, $background_color, $border_color, $imageBgCSS, $border_color_hover, $background_color_hover, $ol_fg_color, $ol_bg_color, $ol_tf_color, $ol_cf_color, $margin_box, $padding_box, $opacity = 0.8) {
$opacityPer = (float)$opacity * 100;
$tag = "<style type=\"text/css\">\n"
." #phocagallery .phocaname {color: $font_color ;}\n"
." .phocagallery-box-file {background: $background_color ; border:1px solid $border_color;margin: ".$margin_box."px;padding: ".$padding_box."px;}\n"
." .phocagallery-box-file-first { $imageBgCSS }\n"
." .phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid $border_color_hover ; background: $background_color_hover ;}\n"
/*
." .ol-foreground { background-color: $ol_fg_color ;}\n"
." .ol-background { background-color: $ol_bg_color ;}\n"
." .ol-textfont { font-family: Arial, sans-serif; font-size: 10px; color: $ol_tf_color ;}"
." .ol-captionfont {font-family: Arial, sans-serif; font-size: 12px; color: $ol_cf_color ; font-weight: bold;}"*/
. ".bgPhocaClass{
background:".$ol_bg_color.";
z-index:1000;
}
.fgPhocaClass{
background:".$ol_fg_color.";
z-index:1000;
}
.fontPhocaClass{
color:".$ol_tf_color.";
z-index:1001;
}
.capfontPhocaClass, .capfontclosePhocaClass{
color:".$ol_cf_color.";
font-weight:bold;
z-index:1001;
}"
." </style>\n";
return $tag;
}
function renderIeHover() {
$tag = '<!--[if lt IE 7]>' . "\n" . '<style type="text/css">' . "\n"
.'.phocagallery-box-file{' . "\n"
.' background-color: expression(isNaN(this.js)?(this.js=1, '
.'this.onmouseover=new Function("this.className+=\' hover\';"), ' ."\n"
.'this.onmouseout=new Function("this.className=this.className.replace(\' hover\',\'\');")):false););
}' . "\n"
.' </style>'. "\n" .'<![endif]-->';
return $tag;
}
function renderPicLens($categoryId) {
$tag ="<link id=\"phocagallerypiclens\" rel=\"alternate\" href=\""
.JURI::base(true)."/images/phocagallery/"
.$categoryId.".rss\" type=\"application/rss+xml\" title=\"\" />"
."<script type=\"text/javascript\" src=\"http://lite.piclens.com/current/piclens.js\"></script>"
."<style type=\"text/css\">\n"
." .mbf-item { display: none; }\n"
." #phocagallery .mbf-item { display: none; }\n"
." </style>\n";
return $tag;
}
function renderDescriptionUploadJS($chars) {
$tag = "<script type=\"text/javascript\"> \n"
. "function OnUploadSubmit() { \n"
. "document.getElementById('loading-label').style.display='block'; \n"
. "return true; \n"
. "} \n"
."function countCharsUpload() {" . "\n"
."var maxCount = ".$chars.";" . "\n"
."var pfu = document.getElementById('uploadForm');" . "\n"
."var charIn = pfu.phocagalleryuploaddescription.value.length;" . "\n"
."var charLeft = maxCount - charIn;" . "\n"
."" . "\n"
."if (charLeft < 0) {" . "\n"
." alert('".JText::_('You have reached maximum limit of characters allowed')."');" . "\n"
." pfu.phocagalleryuploaddescription.value = pfu.phocagalleryuploaddescription.value.substring(0, maxCount);" . "\n"
." charIn = maxCount;" . "\n"
." charLeft = 0;" . "\n"
."}" . "\n"
."pfu.phocagalleryuploadcountin.value = charIn;" . "\n"
."pfu.phocagalleryuploadcountleft.value = charLeft;" . "\n"
."}" . "\n"
. "</script>";
return $tag;
}
function renderDescriptionCreateCatJS($chars) {
$tag = "<script type=\"text/javascript\"> \n"
."function countCharsCreateCat() {" . "\n"
."var maxCount = ".$chars.";" . "\n"
."var pfcc = document.getElementById('phocagallery-create-cat-form');" . "\n"
."var charIn = pfcc.phocagallerycreatecatdescription.value.length;" . "\n"
."var charLeft = maxCount - charIn;" . "\n"
."" . "\n"
."if (charLeft < 0) {" . "\n"
." alert('".JText::_('You have reached maximum limit of characters allowed')."');" . "\n"
." pfcc.phocagallerycreatecatdescription.value = pfcc.phocagallerycreatecatdescription.value.substring(0, maxCount);" . "\n"
." charIn = maxCount;" . "\n"
." charLeft = 0;" . "\n"
."}" . "\n"
."pfcc.phocagallerycreatecatcountin.value = charIn;" . "\n"
."pfcc.phocagallerycreatecatcountleft.value = charLeft;" . "\n"
."}" . "\n"
."function checkCreateCatForm() {" . "\n"
." var pfcc = document.getElementById('phocagallery-create-cat-form');" . "\n"
." if ( pfcc.categoryname.value == '' ) {". "\n"
." alert('". JText::_( 'Please enter a category title' )."');". "\n"
." return false;" . "\n"
//." } else if ( pfcc.phocagallerycreatecatdescription.value == '' ) {". "\n"
//." alert('". JText::_( 'Please enter a description' )."');". "\n"
//." return false;" . "\n"
." } else {". "\n"
." return true;" . "\n"
." }" . "\n"
."}". "\n"
. "</script>";
return $tag;
}
function renderHighslideJSAll() {
$tag = '<script type="text/javascript">'
.'//<![CDATA[' ."\n"
.' hs.graphicsDir = \''.JURI::base(true).'/components/com_phocagallery/assets/js/highslide/graphics/\';'
.'//]]>'."\n"
.'</script>'."\n";
return $tag;
}
function renderHighslideJSImage($type, $highslide_class = '',$highslide_outline_type = 'rounded-white', $highslide_opacity = 0, $highslide_fullimg = 0) {
if ($type == 'li') {
$typeOutput = 'groupLI';
} else if ($type == 'pm') {
$typeOutput = 'groupPM';
} else if ($type == 'ri' ){
$typeOutput = 'groupRI';
} else if ($type == 'pl' ){
$typeOutput = 'groupPl';
} else {
$typeOutput = 'groupC';
}
$code = 'return hs.expand(this, {'
.' slideshowGroup: \''.$typeOutput.'\', ';
if ($highslide_fullimg == 1) {
$code .= ' src: \'[phocahsfullimg]\',';
}
$code .= ' wrapperClassName: \''.$highslide_class.'\',';
if ($highslide_outline_type != 'none') {
$code .= ' outlineType : \''.$highslide_outline_type.'\',';
}
$code .= ' dimmingOpacity: '.$highslide_opacity.', '
.' align : \'center\', '
.' transitions : [\'expand\', \'crossfade\'],'
.' fadeInOut: true'
.' });';
return $code;
}
function renderHighslideJS($type, $front_modal_box_width, $front_modal_box_height, $slideshow = 0, $highslide_class = '',$highslide_outline_type = 'rounded-white', $highslide_opacity = 0, $highslide_close_button = 0) {
if ($type == 'li') {
$typeOutput = 'groupLI';
$varImage = 'phocaImageLI';
$varZoom = 'phocaZoomLI';
} else if ($type == 'pm') {
$typeOutput = 'groupPM';
$varImage = 'phocaImagePM';
$varZoom = 'phocaZoomPM';
} else if ($type == 'ri' ){
$typeOutput = 'groupRI';
$varImage = 'phocaImageRI';
$varZoom = 'phocaZoomRI';
} else if ($type == 'pl' ){
$typeOutput = 'groupPl';
$varImage = 'phocaImagePl';
$varZoom = 'phocaZoomPl';
} else {
$typeOutput = 'groupC';
$varImage = 'phocaImage';
$varZoom = 'phocaZoom';
}
$tag = '<script type="text/javascript">'
.'//<![CDATA[' ."\n"
.' var '.$varZoom.' = { '."\n"
.' objectLoadTime : \'after\',';
if ($highslide_outline_type != 'none') {
$tag .= ' outlineType : \''.$highslide_outline_type.'\',';
}
$tag .= ' wrapperClassName: \''.$highslide_class.'\','
.' outlineWhileAnimating : true,'
.' enableKeyListener : false,'
.' minWidth : '.$front_modal_box_width.','
.' minHeight : '.$front_modal_box_height.','
.' dimmingOpacity: '.$highslide_opacity.', '
.' fadeInOut : true,'
.' contentId: \'detail\','
.' objectType: \'iframe\','
.' objectWidth: '.$front_modal_box_width.','
.' objectHeight: '.$front_modal_box_height.''
.' };';
if ($highslide_close_button == 1) {
$tag .= 'hs.registerOverlay({
html: \'<div class=\u0022closebutton\u0022 onclick=\u0022return hs.close(this)\u0022 title=\u0022Close\u0022></div>\',
position: \'top right\',
fade: 2
});';
}
switch ($slideshow) {
case 1:
$tag .= ' if (hs.addSlideshow) hs.addSlideshow({ '."\n"
.' slideshowGroup: \''.$typeOutput.'\','."\n"
.' interval: 5000,'."\n"
.' repeat: false,'."\n"
.' useControls: true,'."\n"
.' fixedControls: false,'."\n"
.' overlayOptions: {'."\n"
.' opacity: 1,'."\n"
.' position: \'top center\','."\n"
.' hideOnMouseOut: true'."\n"
.' }'."\n"
.' });'."\n";
break;
case 2:
$tag .=' if (hs.addSlideshow) hs.addSlideshow({'."\n"
.'slideshowGroup: \''.$typeOutput.'\','."\n"
.'interval: 5000,'."\n"
.'repeat: false,'."\n"
.'useControls: true,'."\n"
.'fixedControls: \'fit\','."\n"
.'overlayOptions: {'."\n"
.' className: \'text-controls\','."\n"
.' position: \'bottom center\','."\n"
.' relativeTo: \'viewport\','."\n"
.' offsetY: -60'."\n"
.'},'."\n"
.'thumbstrip: {'."\n"
.' position: \'bottom center\','."\n"
.' mode: \'horizontal\','."\n"
.' relativeTo: \'viewport\''."\n"
.'}'."\n"
.'});'."\n";
case 0:
default:
break;
}
$tag .= '//]]>'."\n"
.'</script>'."\n";
return $tag;
}
/**
* Method to get the Javascript for switching images
* @param string $waitImage Image which will be displayed as while loading
* @return string Switch image javascript
*/
function switchImage($waitImage) {
$js = "\t". '<script language="javascript" type="text/javascript">'."\n".'var pcid = 0;'."\n"
. 'var waitImage = new Image();' . "\n"
. 'waitImage.src = \''.$waitImage.'\';' . "\n"
. 'function PhocaGallerySwitchImage(imageElementId, imageSrcUrl)' . "\n"
. '{ ' . "\n"
. "\t".'var imageElement = document.getElementById(imageElementId);' . "\n"
. "\t".'if (imageElement && imageElement.src)' . "\n"
. "\t".'{' . "\n"
. "\t"."\t".'imageElement.src = waitImage.src;' . "\n"
. "\t"."\t".'imageElement.src = imageSrcUrl;' . "\n"
. "\t".'}'. "\n"
. '}'. "\n"
. 'function _PhocaGalleryVoid(){}'. "\n"
. '</script>' . "\n";
return $js;
}
function renderJakJs($slideshowDelay = 5, $orientation = 'none', $name = 'optgjaks') {
$js = "\t". '<script language="javascript" type="text/javascript">'."\n"
.'var '.$name.' = {'
.'galleryClassName: \'lightBox\','
.'zIndex: 10,'
.'useShadow: true,'
.'imagePath: \''.JURI::base(true).'/components/com_phocagallery/assets/js/jak/img/shadow-\','
.'usePageShader: true,'
.'components: {';
if ($orientation == 'none') {
$js .= 'strip: SZN.LightBox.Strip,';
} else {
$js .= 'strip: SZN.LightBox.Strip.Scrollable,';
}
$js .= 'navigation: SZN.LightBox.Navigation.Basic,
anchorage: SZN.LightBox.Anchorage.Fixed,
main: SZN.LightBox.Main.CenteredScaled,
description: SZN.LightBox.Description.Basic,
transition: SZN.LightBox.Transition.Fade,
others: [
{name: \'slideshow\', part: SZN.SlideShow, setting: {duration: '.(int)$slideshowDelay.', autoplay: false}}
]
},';
if ($orientation != 'none') {
$js .= 'stripOpt : {
activeBorder : \'outer\',
orientation : \''.$orientation.'\'
},';
}
$js .= 'navigationOpt : {
continuous: false,
showDisabled: true
},'
.'transitionOpt: {
interval: 500,
overlap: 0.5
}'
.'}'
. '</script>' . "\n";
return $js;
}
}
?>
05.09.2024, 09:41:27