Galeria

Z S.A.R.T.

Wstp

Box tego typu uatwia przygotowanie galerii zdj na stron internetow. Po odpowiednim przygotowaniu boxa oraz schematu elementu wstawianie zdj do galerii ogranicza si do kopiowania poprzez FTP.

Tre elementu (plik: "/files/part/nazwa_elementu")

[FORMAT=galeria]
[SKIN=priv/galeria.default]
[VAR=katalog_root]/gfx/galeria[ENDVAR]
[VAR=kolumny]3[ENDVAR]
[VAR=wiersze]8[ENDVAR]

Pliki konfiguracyjne:

lista.txt

Plik generowany jest automatycznie i zawiera cieki do plikw ze zdjciami galerii.

Jego struktura moe wyglda nastpujco: 

[/var/www/portal/private/24travels/gfx/test/adamello/PC020123.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030016.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030017.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030018.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030019.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030020.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030022.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030025.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030026.JPG][]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030027.JPG][]

Dodatkowo w nawiasach klamrowych mona umieci podpisy zdj: 

[/var/www/portal/private/24travels/gfx/test/adamello/PC020123.JPG][podpis pierwszy]
[/var/www/portal/private/24travels/gfx/test/adamello/PC030016.JPG][podpis 2]

Dostp do podpisu pod [FILL=opis]

aliasy.txt

Plik umoliwia ominicie niedogodnoci zwizanych z ograniczeniami w nazewnictwie podkatalogw galerii. Mona w nim zapisa aliasy do podkatalogw - dziki tamu na stronie mona wywietla nazwy z uyciem dowolnych znakw. 

nazwa_katalogu: Wywietlany tekst
baltyk_pomorze: Batyk - Pomorze

Tworzenie schematu elementu (plik: "/files/part_format/galeria.nazwa_schematu")

Dostpne pola:

[FILL=gallery.photo_amount], [FILL=napis.up],[FILL=katalog.up],[FILL=page],[FILL=kataloglink],[FILL=katalog]
    [BEGINFILL=wiersz_miniatur]
        [BEGINFILL=kolumna_miniatur]
          [FILL=id] //nr kolumny
          [FILL=gallery.img.big][FILL=gallery.img]
        [ENDFILL=kolumna_miniatur]
    [ENDFILL=wiersz_miniatur]
[FILL=gallery.present.info]/[FILL=gallery.last.info]
[FILL=gallery.start],[FILL=gallery.previous],[FILL=gallery.next],[FILL=gallery.last]
    [BEGINFILL=katalogi]
        <a href="?page=[FILL=page]&path=[FILL=kataloglink]">[FILL=katalog]</a>, 
    [ENDFILL=katalogi]

Przykad:

<div style="padding-left:10px; padding-right:10px;">
 <table border="0" width="580" cellpadding="0" cellspacing="0">
  <tr>
   <td valign="top" style="text-align:right; padding:0px; ">
     <table border=0 width=100% cellpadding=0 cellspacing=0>
     <tr>
            <td style="width: 100%; background-color: rgb(191, 40, 137); color: rgb(255, 255, 255); padding-left: 10px;" align="left"><strong>[LANGCC=temat_galeria]</strong></td>
     <td style="text-align: center; background-image: url(/img/file_05.jpg); color: rgb(255, 255, 255);" height="28" nowrap="nowrap" width="160">[LANGCC=photos] : <B>[FILL=gallery.photo_amount]</B></td>
     </tr>
     </table>
 </td>
 </tr>
 <tr>
  <td style="padding:0px; background-color:#F1F1F1;" valign="middle">
 <div style="text-align:left; padding-left:20xp;padding-right:20xp;"><br>
     <p align=center><B>[FILL=gallery.name]</B><br>
     <!--przejscie w gore-->
     <a href="/web/?page=[FILL=page]&path=[FILL=katalog.up]"  class="rozowy_big">[LANGUC=wstecz]</a><br>
     <!--lista katalogw-->
     <div align="left">
            [BEGINFILL=katalogi]
              - <a href="/web/?page=[FILL=page]&path=[FILL=kataloglink]">[FILL=katalog]</a><br/>
            [ENDFILL=katalogi]
     </div>
     </p>
 </div>
   </td>
  </tr>
  <tr>
   <td valign="bottom" style="text-align:left; padding:0px; background-color:#F1F1F1;"><img src="/img/file_14.jpg" alt="" hspace="0" vspace="0"></td>
 </tr>
 </table>
 <br>
 <br>
 <table border="0" width="580" cellpadding="0" cellspacing="0">
   <td valign="top" style="text-align:right; padding:0px; ">
     <table border=0 width=100% cellpadding=0 cellspacing=0>
     <tr>
         <td style="width: 100%; background-color: rgb(191, 40, 137); color: rgb(255, 255, 255); padding-left: 10px;" align="left"><strong>[LANGCC=gallery]</strong></td>
         <td style="text-align: center; background-image: url(/img/file_05.jpg); color: rgb(255, 255, 255);" height="28" nowrap="nowrap" width="160">  </td>
     </tr>
     </table>
  </td>
 <tr>
  <td style="padding:0px; background-color:#F1F1F1;">
 <!--nawigacja po stronach-->
 <table border=0 width=100% cellpadding=0 cellspacing=0>
    <tr>
     <td colspan=4 bgcolor=#F1F1F1> </td>
   </tr>
   <tr>
    <td colspan=4 align=center bgcolor=#F1F1F1>[LANGCC=page] [FILL=gallery.present.info]/[FILL=gallery.last.info]</td>
   </tr>
   <tr>
    <td colspan=4 bgcolor=#F1F1F1> </td>
   </tr>
   <tr>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.start]><img width="10" src="/gfx/arrow_002.jpg" alt="pierwsza strona" border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.previous]><img width="10" src="/gfx/arrow_02.jpg" alt="poprzednia" border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.next]><img width="10" src="/gfx/arrow_01.jpg" alt="nastpna"  border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.last]><img width="10" src="/gfx/arrow_001.jpg" alt="ostatnia strona"  border=0></a>
    </td>
   </tr>
 </table>
 <table border="0" width="100%" cellpadding="5" cellspacing="5" bgcolor="#F1F1F1">
 [BEGINFILL=wiersz_miniatur]
   <tr>
   <!--generowanie ilosci kolumn-->
  [BEGINFILL=kolumna_miniatur]
    <td align=center id="[FILL=id]">
     <!--powiekszenie--> 
      <a href=javascript:popImage('[FILL=gallery.img.big]','')>
      <img src="[FILL=gallery.img]" border="0" class="galeriaoff" OnMouseOver="className='galeriaon';" OnMouseOut="className='galeriaoff';">
     </a>
     <center>[FILL=opis]</center>
    </td>
  [ENDFILL=kolumna_miniatur]
   </tr>
 [ENDFILL=wiersz_miniatur]
 </table>
 <!--nawigacja po stronach-->
 <table border=0 width=100% cellpadding=0 cellspacing=0>
   <tr>
    <td colspan=4 bgcolor=#F1F1F1> </td>
   </tr>
   <tr>
    <td colspan=4 align=center bgcolor=#F1F1F1>[LANGCC=page] [FILL=gallery.present.info]/[FILL=gallery.last.info]</td>
   </tr>
   <tr>
    <td colspan=4 bgcolor=#F1F1F1> </td>
   </tr>
   <tr>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.start]><img width="10" src="/gfx/arrow_002.jpg" alt="" border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.previous]><img width="10" src="/gfx/arrow_02.jpg" alt="" border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.next]><img width="10" src="/gfx/arrow_01.jpg" alt=""  border=0></a>
    </td>
    <td align="center" bgcolor=#F1F1F1>
      <a href=[FILL=gallery.last]><img width="10" src="/gfx/arrow_001.jpg" alt=""  border=0></a>
    </td>
   </tr>
 </table>
   </td>
  </tr>
  <tr>
   <td valign="bottom" style="text-align:left; padding:0px; background-color:#F1F1F1;"><img src="/img/file_14.jpg" alt="" hspace="0" vspace="0"></td>
 </tr>
 </table>

Zastosowanie:

Wywietlanie galerii zdj na stronie www.


Typy boxw

Źródło „http://portal.sartweb.pl/index.php?title=Galeria&oldid=1341”