greyboxgall
Napísané: Ne Mar 09, 2008 2:23 pm
BreyBoxGal je snippet napísaný pre Etomite, ktorý vznikol zjednodušením EasyPhaseGallery a skĺbením s GreyBoxom. V podstate ide o čo najjednoduchší spôsob, ako si na svojom webe môžte vytvoriť obrázkovú galériu. Obrázkové galérie vytvoríte jednoduchým nakopírovaním miniatúr a veľkých obrázkov do daného priečinka - galéria v Ajaxe sa vytvorí automaticky.
Článok o GreyBoxe: http://myego.cz/item/greybox-velice-kva ... technology
Domovská stránka: http://orangoo.com/labs/greybox/
Demo fungovania: http://orangoo.com/labs/greybox/examples.html
Inštalácia:
Edit:
Článok o GreyBoxe: http://myego.cz/item/greybox-velice-kva ... technology
Domovská stránka: http://orangoo.com/labs/greybox/
Demo fungovania: http://orangoo.com/labs/greybox/examples.html
Inštalácia:
- Do svojho templatu pred tág </head> pridajte kód javascriptu nižšie.
http://www.web.sk nahradte adresou vašeho webu, inak snippet nebude fungovať správne!Kód: Vybrať všetko
<script type="text/javascript"> var GB_ROOT_DIR = "http://www.web.sk/content_snippets/greybox/"; </script> <script type="text/javascript" src="/content_snippets/greybox/AJS.js"></script> <script type="text/javascript" src="/content_snippets/greybox/AJS_fx.js"></script> <script type="text/javascript" src="/content_snippets/greybox/gb_scripts.js"></script> <link href="/content_snippets/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
- Stiahnite si prílohu content_snippets.greybox-5.53.zip a rozbaľte ju do Etomite rootu (koreňový adresár) vášho webu.
- Vytvorte nový snippet v administrácií Etomite [[breyboxgall]code]$pathAlias = isset($name) ? $pathAlias : $etomite->documentObject['alias'];
$pathGalRel = isset($directory) ? $directory . "/" : "images/galleries/" . $pathAlias . "/";
$pathThmbs = "thumbs/";
$pathLarge = "large/";
/** Automatické nastavenie ciest */
$pathServerRoot = isset($pathServerRoot) ? $pathServerRoot : $_SERVER["DOCUMENT_ROOT"]; // getenv("DOCUMENT_ROOT")
$pathGalRel = isset($pathGalRel) ? $pathGalRel : "images/galleries/" . $pathAlias . "/";
$pathThmbsFull = $pathServerRoot . "/" . $pathGalRel . $pathThmbs;
/** Zloženie ciest a štýl */
$imgStyle = "border: 1px solid #fdc; background: #FAFAFA; padding: 4px; margin: 2px;";
//$imgTitle = $picFile;
/** Incializácie */
$picFiles = array();
$output = '';
if (is_dir($pathThmbsFull)) {
$dirHandle = opendir($pathThmbsFull);
while ($picFile = readdir($dirHandle)) {
if (preg_match("(gif|jpg|jpeg|png|GIF|JPG|JPEG|PNG)", $picFile)) // Vyberie obrázky s týmito príponami
$picFiles[] = $picFile;
}
sort($picFiles);
foreach ($picFiles as $picFile) {
$aLarge = $pathGalRel . $pathLarge . $picFile;
$imgSrc = "./" . $pathGalRel . $pathThmbs . $picFile;
$output .= '<a href="' . $aLarge . '" rel="gb_imageset[' . $pathAlias . ']"><img style="' . $imgStyle . '" src="' . $imgSrc . '" title="' . $picFile . '" /></a>' . "\n";
}
closedir($dirHandle);
}
else {
$output .= 'Adresár (' . $pathThmbsFull . ') sa nepodarilo otvoriť, pretože cesta nebola nájdená!<br />';
}
//$output .= '<pre>Document root (_SERVER["DOCUMENT_ROOT"]): ' . $_SERVER["DOCUMENT_ROOT"] . '
Document root (getenv("DOCUMENT_ROOT")): ' . getenv("DOCUMENT_ROOT") . '
Name (meno galérie): ' . $name . '
Directory (pracovný priečinok): ' . $directory . '
pathThmbsFull (úplná cestu ku galérií): ' . $pathThmbsFull . '</pre>';
return $output;[/code]
- [[breyboxgall]/s-code] - bude obrázky hľadať v images/galleries/<alias-dokumentu>,
- [[breyboxgall?name=zajko-maly]/s-code] - bude obrázky hľadať v images/galleries/zajko-maly,
- [[breyboxgall?directory=moja/cesta/zajko-maly]/s-code] - bude obrázoky hľadať v moja/cesta/zajko-maly,
- V priečinku galérie musí byt priečinok thumbs, kde sa budú nachádzať miniatúry a priečinok large v ktorom sa budú nachádzať obrázky v plnej veľkosti. Pričom miniatúra v thumbs a veľký obrázok v large musia mať rovnaký názov.
Edit:
- 29.5.2011: nová verzia snippetu pre PHP 5.3.×
- 30.5.2011: aktualizovaný popis parametrov a menšia úprava snippetu,
- 3.6.2011: pridaný filter prípon pre obrázky aj pre veľké písmená, funkcia getenv bola nahradená $_SERVER.
- 5.8.2011: pridané zoradenie sort($picFiles);