Fotogalerie do X(HTML) stránky v PHP Vyřešeno

[Fucza]

Zdravím. Mám stránky, kde potřebuju zveřejňovat fotografie (spíše alba fotek). Píšu si to v XHTM a CSS uložené to mám v PHP kvůli include (menu, hlavička atd.). Pomocí php a cyklu a inkrementace fotky taky uveřejňuju. Mám je tím pádem malé, aby se mi do layoutu vlezly. Stydím se za hrůzné řešení:-) Uvažuji tedy o nasazení nějaké fotogalerie, aby to fungovalo na stejném principu jako má tento čajový shop: http://longfeng.cz/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=161&category_id=11&option=com_virtuemart&Itemid=1 nebo něco podobného. Je to složité? Já bych to uměl udelaj asi jen jako náhled jako odkaz na velkou fotku do nového okna. Tedy něco takového :-) <a href="soubory/velkafotka.jpg" target="_blank"><img src="nahled.jpg" alt="foto1"></a>, ale to není úplně ono, co bych samozřejmě chtěl.
Taky bych chtěl nějak pořešit automatizaci, rád se vyznám v tom html kódu, o nasazení nějakého red. systému jako komplet na celé stránky neuvažuju. Zatím použiju hromadnou konverzi (zmenšení delší strany na 500 px, aby se mi to vešlo do stránky) a přejmenování fotek v IrfanView, kvůli cyklu (vypisování do stránky - např. pro vypsání 25 fotek: <?php for ($i=1;$i<24;$i++) {echo"...................." /></p>;} . Stejně ty fotky i nadále budu muset upravovat (asi připravit miniatury a taky ty konečné fotky třeba na 1000 px delší stranu, ne?
Snad jsem to napsal srozumitelně a díky za nějaké tipy.

Ještě řeším druhý problém s přehrávačem videa do stránky, ale mám to v jiném vlákně kvůli přehlednosti.

[Reklama]

[LuCaCZ]

Fotogalerie na longfeng.cz je řešená pomocí Lightboxu. Stačí do stránky vložit odkazy na JS, CSS a k odkazům na obrázky připsat atribut rel="lightbox". Vše je pěkně popsané na stránkách projektu.

Ke každému obrázku/fotce bys měl mít asi i náhled = soubor navíc a nějaká práce. To by mohla nahradit takhe vychytávka http://www.binarymoon.co.uk/projects/timthumb/ podle parametrů ti php script vytvoří dočasný zmenšený a třeba oříznutý obrázek. (viz demo)

Pak by celý odkaz na obrázek, s náhledem o velikosti 100×100px, mohl vypadat třeba nějak takto

Kód: Vybrat vše

<a href="cesta/k/obrazku.jpg" rel="lightbox"><img src="timthumb.php?src=cesta/k/obrazku.jpg&w=100&h=100"></a>

[Fucza]

TAk nejsem z toho moc moudrý.
Lze nějak udělat ty minuatury v IrfanView? Mám tam taky Thumbnails, to by mohlo jít, ale nejde mi to.
Ten kód je ve stránce všechno, nebo ještě něco do hlavičky? Popř. instalace?

--- Doplnění předchozího příspěvku (09 Pro 2012 21:38) ---

Tak jsem si udělal miniatury pomocí batchkonverze v IrfanView. velký obrázek je pouze číslo (1.jpg), miniatura je m + číslo (m1.jpg). Nějaké syntaktické chyby jsem našel sám, ale už tam žádnou nevidím, ale nejede to.

Kód: Vybrat vše

 <?php
 for ($i=1;$i<28;$i++)
 {
 echo "<a href="obrazky/slozka/{$i}.jpg\" title=\"popis\" alt=\"popis\" rel="lightbox[roadtrip]"><img src="obrazky/slozka12/m{$i}.jpg\"></a>";
 }
?>

--- Doplnění předchozího příspěvku (09 Pro 2012 23:07) ---

Pardon. Vidím tam chybu v mém kódu:
v tom druhém nemá být ta 12.

--- Doplnění předchozího příspěvku (10 Pro 2012 06:57) ---

A pokud by to nešlo tím mým kódem, ta php vychytávka se musí někam instalovat? V těch basic příkladech (getting started) se mi to nedaří objevit. Asi by to bylo lepší než ty mé odkazy s ručně vytvořenými miniaturami.

Co ten cyklus, co tam mám blbě?
píše mi to: Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /data/www/zdejenazevstranky on line 34
Na řádku 34 začíná právě ten php cyklus.

[Gizzer2]

echo "<a href="obrazky/slozka/{$i}.jpg\" title=\"popis\" alt=\"popis\" rel="lightbox[roadtrip]"><img src="obrazky/slozka12/m{$i}.jpg\"></a>";

zkus

Kód: Vybrat vše

echo '<a href="obrazky/slozka/['$i'].jpg\" title=\"popis\" alt=\"popis\" rel="lightbox[roadtrip]"><img src="obrazky/slozka12/m['$i'].jpg\"></a>';

Každopádně nepoužívej za echo uvozovky

[CZechBoY]

když chceš použít uvozovky v uvozovkách, musíš je escapovat přes zpětné lomítko \
máš nějakej editor aspoň se zvýrazňovačem syntaxe? ten by ti to ukázal...

echo "<a href=\"obrazky/slozka/{$i}.jpg\" title=\"popis\" alt=\"popis\" rel=\"lightbox[roadtrip]\"><img src=\"obrazky/slozka12/m{$i}.jpg\"></a>";

zajímavé je, že někde ty uvozovky si escapované měl..

[Fucza]

Tak nejede ano jedno. S těma uvozovkama jsem na to úplně zapoměl

Stále:

Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /data/www/stranka.cz/www.stranka.cz/pokusy.php on line 34

Dříve, když jsem tam ty fotky jen zobrazoval, měl jsem to takhle a jede bez problémů:

Kód: Vybrat vše

<?php
 for ($i=1;$i<24;$i++)
 {
 echo "<p><img src=\"obrazky/slozka/{$i}.jpg\" title=\"titulek\" alt=\"popisek\" /></p>";
 }
?>

[CZechBoY]

to moje je syntakticky správně...
to je na řádku 34?

[Fucza]

Když jsem toto:

Kód: Vybrat vše

 <?php
 for ($i=1;$i<28;$i++)
 {
     echo "<a href=\"obrazky/slozka/{$i}.jpg\" title=\"popis\" alt=\"popis\" rel=\"lightbox[roadtrip]\"><img src=\"obrazky/slozka/m{$i}.jpg\"></a>";
 }
?>

zkopíroval do jiného souboru, tak to jelo, ale bez toho lightboxu. Jen se otevře ve stejném okně fotka (ten efekt lightboxu nikde a roadtrip už vůbec).
V hlavičce stránky mám toto:

Kód: Vybrat vše

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

v tom by tedy problém být neměl, ale nevím, jestli mám tedy správně nainstalovaný (spíš rozbalený) lightbox na serveru. Dle návodu se to mělo rozbalit tam, kde jsou stránky. Používám Total Cmd odzipovat přímo na serveru mi to nešlo, rozbalil jsem u sebe a nakopíroval.
Takže mám v kořenovém adresáři, jak jsou umístěny stránky taky složky z lightboxu: css, images, js a soubory readme, logo.jpg a index.html. Tak to bylo v návodu výše.

[CZechBoY]

takže php ti už chybu nehází?
pošli odkaz na ten web, mrknu se co tam máš blbě

[Fucza]

Php už v klidu.
http://www.zskrasnepole.cz/pokusy1.php

Díky.

[CZechBoY]

ani jeden js soubor nebyl nalezen...

[Fucza]

To je divné.
Já je tam mám a vidím.
Třeba zde: http://www.zskrasnepole.cz/js/lightbox.js