Č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> pridať (http://www.web.sk nahradte adresou vašeho webu):
- 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]]
- Kód: Vybrať všetko
$style = "border: 1px solid #fdc; background: #FAFAFA; padding: 4px; margin: 2px;";
$id = $GLOBALS["HTTP_GET_VARS"]["id"];
$path = empty($HTTP_SERVER_VARS["PATH_INFO"]) ? $HTTP_SERVER_VARS["PHP_SELF"] : $HTTP_SERVER_VARS["PATH_INFO"];
@$dirhandle = opendir( "$directory/thumbs" );
$pic_count = 0;
while( $file = readdir( $dirhandle ) )
{
if (eregi("(gif|jpg|jpeg)$",$file))
{
$pic_list[$pic_count++] = $file;
}
}
$output = '';
if ($pend>$pic_count) $pend=$pic_count;
for ($i=0;$i<$pic_count;$i++)
{
$output .= '<a href="'.$directory.'/large/'.$pic_list[$i].'" rel="gb_imageset['.$name.']"><img style="'.$style.'" src="./'.$directory.'/thumbs/'.$pic_list[$i].'" title="'.$pic_list[$i].'" /></a>'."\n";
}
return $output;
Použitie:
- [[breyboxgall?name=zajko-maly&directory=images/galleries/zajko-maly]]
- name=zajko-maly je názov galérie.
- directory=images/galleries/zajko-maly je cesta kde sa nachádza galéria. V danom priečinku 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.






