Strana 1 z 1

greyboxgall

Napísané: Ne Mar 09, 2008 2:23 pm
od používateľa _rasel^
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:
  1. 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" />
  2. Stiahnite si prílohu content_snippets.greybox-5.53.zip a rozbaľte ju do Etomite rootu (koreňový adresár) vášho webu.
  3. 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&#357;, 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&#269;inok): ' . $directory . '

    pathThmbsFull (úplná cestu ku galérií): ' . $pathThmbsFull . '</pre>';

    return $output;[/code]
Použitie:
  1. [[breyboxgall]][/s-code] - bude obrázky hľadať v images/galleries/<alias-dokumentu>,
  2. [[breyboxgall?name=zajko-maly]][/s-code] - bude obrázky hľadať v images/galleries/zajko-maly,
  3. [[breyboxgall?directory=moja/cesta/zajko-maly]][/s-code] - bude obrázoky hľadať v moja/cesta/zajko-maly,
  4. 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);

Re: [[breyboxgall]]

Napísané: Po Apr 21, 2008 8:37 pm
od používateľa gashtan
vie niekto poradit? skusil som tento snippet, ale otvara mi velky obrazok v tom istom okne, teda musim potom dat krok nazad aby som sa dostal na webku. Co som pozeral, tak tie ukazky su riesene tak, ze sa to otvori "nezavysle" na webe v sedom priesvitnom "kabatiku"
Dakujem za napady.

DODATOK:
tak uz som na to prisiel...v template som musel zadat celu cestu k javascriptom, nechcelo mi to akceptovat len tak ako to je popisane vyssie...mozno to ma suvis s tym, ze mam etomite vo vnorenom adresary a nie priamo na webpriestore, neviem.

Re: [[breyboxgall]]

Napísané: St Júl 16, 2008 12:32 pm
od používateľa gabo
Dakujem rasel , fantasticky snippet, toto som hladal , uz mi plne slúzi, dakujem zaň

Re: greyboxgall

Napísané: Ne Mar 22, 2009 4:44 pm
od používateľa puschpull
_rasel^:
ach jo
já nevím, ale nějakse mi nedaří
http://puschpull.org/groon_new/foto-1

měl jsem za to, že to bude takováto galerie:
http://orangoo.com/labs/greybox/examples.html
:-)

Re: greyboxgall

Napísané: Ne Máj 29, 2011 1:59 pm
od používateľa _rasel^
V prvom príspevku bol aktualizovaný snippet pre PHP 5.3.×

Re: greyboxgall

Napísané: Št Jún 02, 2011 1:14 pm
od používateľa gabo
rasel siel som podla postupu nakolko trebalo aktualizovat , ale bud som uz uplna lama alebo je niekde inde chyba.

povodny snipet pred aktualizaciou na php 5,3.. mi siel v pohode, no teraz zaboha rozbehat.
siel som doslova podla popisneho návodu a aj tak je tam chybova hlaska http://kchajd.sk/index.php?id=203
Urobil som si aj doslova zlozku s tym zajacom malym :D a aj tak nejde

Poprosim radu rasel ako dalej.

Re: greyboxgall

Napísané: Pi Jún 03, 2011 12:43 am
od používateľa _rasel^
Problém bude v ceste... najlepšie by bolo, ak by som sa vedel do tvojej inštalácie etomite prihlásiť, aby som to vedel otestovať (bude to najrýchlejšie, lebo inak môžem len hádať, kde je pes zakopaný)... konfigurácia hostingu sa môže líšiť. Ak je to možné, tak mi môžeš vytvoriť dočasné používateľské konto a poslať mi ho súkromnou správou v fóre.

Re: greyboxgall

Napísané: Pi Jún 03, 2011 2:36 am
od používateľa gabo
poslal som ti mailom lebo SS nefunguje vypisuje chybu. dakujem

Re: greyboxgall

Napísané: Pi Jún 03, 2011 12:49 pm
od používateľa _rasel^
Ahoj, zrada bola v dvoch veciach:
  • funkcia $_SERVER["DOCUMENT_ROOT"]; a getenv("DOCUMENT_ROOT"); na hostingu WebSupport.sk ukazujú na tú istú cestu a na hostingu Yegon.sk ukazujú na inú cestu (a viacero premenný má hodnotu no value).
  • niektoré obrázky mali príponu veľkými písmenami a preto sa v galérií nezobrazovali, alebo sa galéria nezobrazila vôbec a preto som do snippetu doplnil filter pre veľké prípony.
Snippet vyššie bol aktualizovaný.

Re: greyboxgall

Napísané: So Jún 04, 2011 12:31 am
od používateľa gabo
tento clovek je prosím fenomén. dakujem Matej
len pozri este jednu vec, ze po kliknuti na thumbs ennacita large ale vypise 404 not found nginx/0.8.21

Re: greyboxgall

Napísané: So Jún 04, 2011 3:58 pm
od používateľa _rasel^
V template bolo potrebné upraviť adresu webu. V inštalácii som to zvýraznil červenou, aby na to nikto nezabudol.

Re: greyboxgall

Napísané: Št Aug 04, 2011 11:50 pm
od používateľa Ricardo
Zdravim,len jednu otazku mam na tento snippet, inak je v poho a unguje dobre.
Otazka je, preco mi rozhadzuje fotky ? :) Mam ich v adresari premenovane na 1,2,3,4,5 a podobne pre lahsie cesty. Su ocislovane v poradi v akom chcem aby isli ale snippet ich vzdy rozhodi ako sa jemu chce :D v com to je....?
thx

Re: greyboxgall

Napísané: Pi Aug 05, 2011 11:38 am
od používateľa _rasel^
Ahoj. Na niektorých hostingoch sa môžu vyskytnúť zvláštnosti v zoraďovaní. Do horného snippetu som pridal zoradenie sort($picFiles);, snáď to pomôže. Nemám to kde otestovať, mne obsah priečinka čítalo v poradí.