greyboxgall

V tejto téme sa nachádzajú snippety (rozšírenia) pre Etomite.

Moderátor: Moderators

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

greyboxgall

Príspevok od užívateľa _rasel^ » 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:
  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);
Prílohy
content_snippets.greybox-5.53.zip
GreyBox
(21.41 KiB) 217 stiahnutí
..:: Etomite CMS → Rulezzz !.!.!. ::..

gashtan
Thief
Thief
Príspevky: 9
Dátum registrácie: Št Dec 22, 2005 4:46 pm
Kontaktovať užívateľa:

Re: [[breyboxgall]]

Príspevok od užívateľa gashtan » Po Apr 21, 2008 8:37 pm

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.

Užívateľov profilový obrázok
gabo
Medium Expert
Medium Expert
Príspevky: 64
Dátum registrácie: Ut Jan 23, 2007 5:45 am
Bydlisko: Košice
Kontaktovať užívateľa:

Re: [[breyboxgall]]

Príspevok od užívateľa gabo » St Júl 16, 2008 12:32 pm

Dakujem rasel , fantasticky snippet, toto som hladal , uz mi plne slúzi, dakujem zaň

Užívateľov profilový obrázok
puschpull
Expert
Expert
Príspevky: 112
Dátum registrácie: Št Mar 19, 2009 9:31 am
Bydlisko: Czech Republic - Most
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa puschpull » Ne Mar 22, 2009 4:44 pm

_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
:-)
----------------------------
http://puschpull.org
:-)

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa _rasel^ » Ne Máj 29, 2011 1:59 pm

V prvom príspevku bol aktualizovaný snippet pre PHP 5.3.×
..:: Etomite CMS → Rulezzz !.!.!. ::..

Užívateľov profilový obrázok
gabo
Medium Expert
Medium Expert
Príspevky: 64
Dátum registrácie: Ut Jan 23, 2007 5:45 am
Bydlisko: Košice
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa gabo » Št Jún 02, 2011 1:14 pm

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.

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa _rasel^ » Pi Jún 03, 2011 12:43 am

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.
..:: Etomite CMS → Rulezzz !.!.!. ::..

Užívateľov profilový obrázok
gabo
Medium Expert
Medium Expert
Príspevky: 64
Dátum registrácie: Ut Jan 23, 2007 5:45 am
Bydlisko: Košice
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa gabo » Pi Jún 03, 2011 2:36 am

poslal som ti mailom lebo SS nefunguje vypisuje chybu. dakujem

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa _rasel^ » Pi Jún 03, 2011 12:49 pm

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ý.
..:: Etomite CMS → Rulezzz !.!.!. ::..

Užívateľov profilový obrázok
gabo
Medium Expert
Medium Expert
Príspevky: 64
Dátum registrácie: Ut Jan 23, 2007 5:45 am
Bydlisko: Košice
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa gabo » So Jún 04, 2011 12:31 am

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

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa _rasel^ » So Jún 04, 2011 3:58 pm

V template bolo potrebné upraviť adresu webu. V inštalácii som to zvýraznil červenou, aby na to nikto nezabudol.
..:: Etomite CMS → Rulezzz !.!.!. ::..

Ricardo
Thief
Thief
Príspevky: 4
Dátum registrácie: Ne Júl 31, 2011 1:33 pm

Re: greyboxgall

Príspevok od užívateľa Ricardo » Št Aug 04, 2011 11:50 pm

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

Užívateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať užívateľa:

Re: greyboxgall

Príspevok od užívateľa _rasel^ » Pi Aug 05, 2011 11:38 am

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í.
..:: Etomite CMS → Rulezzz !.!.!. ::..

Napísať odpoveď