greyboxgall

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

Moderátor: Moderators

Použí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ť používateľa:

greyboxgall

Príspevok 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);
Prílohy
content_snippets.greybox-5.53.zip
GreyBox
(21.41 KiB) 517 stiahnutí
..:: Etomite CMS → Rulezzz !.!.!. ::..
gashtan
Thief
Thief
Príspevky: 9
Dátum registrácie: Št Dec 22, 2005 4:46 pm
Kontaktovať používateľa:

Re: [[breyboxgall]]

Príspevok 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.
Použí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ť používateľa:

Re: [[breyboxgall]]

Príspevok od používateľa gabo »

Dakujem rasel , fantasticky snippet, toto som hladal , uz mi plne slúzi, dakujem zaň
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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
:-)
----------------------------
http://puschpull.org
:-)
Použí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ť používateľa:

Re: greyboxgall

Príspevok od používateľa _rasel^ »

V prvom príspevku bol aktualizovaný snippet pre PHP 5.3.×
..:: Etomite CMS → Rulezzz !.!.!. ::..
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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.
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Použí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ť používateľa:

Re: greyboxgall

Príspevok od používateľa gabo »

poslal som ti mailom lebo SS nefunguje vypisuje chybu. dakujem
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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ý.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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.
..:: 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 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
Použí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ť používateľa:

Re: greyboxgall

Príspevok 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í.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Napísať odpoveď