Funkční galerie v PHP a jQuery. PHP skripty pro fotoalba, galerie obrázků, hosting obrázků
Všechny zde prezentované skripty byly osobně testovány na funkčnost (Denver 3, byl použit PHP verze 5.3.13), byly opraveny nalezené chyby, některé věci byly upraveny nebo změněny pro zlepšení funkčnosti (zejména u těch skriptů, jejichž originály jsem našel já na jednom populární zdroj v angličtině). Zveřejnil jsem demo - nejzajímavější skripty lze vidět v akci.
Pokud máte nějaké dotazy ohledně nastavení nebo instalace zde zveřejněných skriptů, zanechte prosím komentář, rád vám pomůžu. Kontaktujte nás také ohledně vylepšení funkčnosti skriptů, například přidáním admin panelu do galerie atd.
Mimochodem, o admin panelu. Jako ovládací panel galerie, pokud nebyl původně k dispozici, můžete použít například libovolný skript správce souborů Webinsta , phpFileManager , Soubor Thingie z další sekce. Jednoduše umístěte skript do příslušné složky v galerii, abyste mohli mazat, přejmenovávat nebo stahovat obrázky prostřednictvím webového prohlížeče.
Nejnovější přidané:
Zdarma skript galerie, generátor galerie(březen 2015)
Skript, který generuje galerii obrázků, je jeden soubor, který stačí umístit do složky s obrázky. Galerie má promyšlený, lehký design, který vypadá stejně dobře jak na počítačích, tak na obrazovkách smartphonů. Náhledy se generují dynamicky, bez ukládání na disk, ale galerie se načítá celkem rychle, vzhledem k tomu, že stránka zobrazuje pevný počet náhledů zadaný v nastavení (ve výchozím nastavení 12), skript automaticky vygeneruje seznam stránek s odkazy kde si můžete prohlédnout zbytek obrázků. Obrazový výstup lze třídit podle názvu, velikosti a data. Podporované formáty: jpg, gif. png. Obrázky s názvy v azbuce nelze použít. Jedinou nevýhodou tohoto skriptu je, že neexistuje režim prezentace.
SIF přidáno: 19.04.2013
Jednoduchý skript galerie, stačí umístit do složky s obrázky, automaticky vytvoří složku s náhledy, po kliknutí na obrázek se otevře původní obrázek, který si můžete uložit. Podporuje procházení podadresářů. Jazyk – angličtina, nepřekládá se.
____________________________________ phpGraphy přidáno: 19.04.2013
phpGraphy - profesionální skript galerie pro obrázky jpg a flv videa (mp4 stažené z youtube se také přehrají, pokud změníte příponu na flv). Prostřednictvím administrátorského panelu je k dispozici autorizace pro více uživatelů, systém hodnocení a flexibilní nastavení galerie. Může používat MySQL, ale funguje bez něj.
V archivu je již nakonfigurovaný skript, můžete jej rozbalit na server a nahrát složky s obsahem do adresáře /pictures/ - galerie bude fungovat. Ve výchozím nastavení je povolen ruský jazyk, ffmpeg a exiftools jsou zakázány, takže skript zaručeně běží na jakémkoli serveru (to vše lze později změnit pomocí ovládacího panelu) přidáno: 19.04.2013
____________________________________ Simple Image Hosting Script
Jednoduchý skript pro hostování obrázků - nevytváří náhledy, pouze obrázky v plné velikosti. _____________________________________ Miniprezentace
přidáno: 6.11.2014
Skript galerie obrázků, funguje hned po vybalení, stačí umístit své složky s obrázky do adresáře galerie, je zde režim prezentace, animované gify se zobrazují normálně. Jednou z funkcí je možnost nastavení ochrany heslem pro jednotlivé galerie. Je možné změnit jazyk rozhraní, je zde ruština Chcete-li otevřít složku Soukromé
v ukázce na mém webu použijte heslo 1234
Skript je placený, můžete si ho stáhnout z offsite až po zaplacení, nepamatuji si, kde jsem ho vzal. Toto byla jedna z raných verzí, skript musel být mírně upraven, aby správně fungoval. Z mé verze jsem však nezaznamenal žádné znatelné změny ve verzi, která je nyní na webu dostupná. přidáno: 19.04.2013
____________________________________ PHP fotoalbum
Výkonný skript fotogalerie, mnoho nastavení: můžete použít systém komentářů, vyhledávání, je možné posílat elektronickou registraci uživatelů, vytváření skupin s různými oprávněními přes admin panel, přátelské s ruským jazykem základní nastavení galerie lze změnit prostřednictvím správce panelu, za pět minut to nezjistíte, ale stojí to za to. Dalším plusem je, že skript nepotřebuje databázi. _____________________________________ Qdig-Single
přidáno: 19.02.2015 Qdig-Single je jen soubor index.php , který lze umístit do složky s obrázky nebo vedle složky, kde se obrázky nacházejí, a získat tak na webu krásnou galerii. Převzato z původní distribuce Rychlá digitální galerie obrázků , který má také funkci přidávání a úpravy titulků k obrázkům prostřednictvím, ale nevidím v tom moc smysl, takže jsem odstranil vše nepotřebné, přeložil rozhraní do ruštiny, okomentoval některé nepoužívané proměnné a naopak povolil některé možnosti. Scénář obsahuje odkaz na stránky autora, originál si můžete stáhnout, pokud nejste spokojeni s mojí verzí.
Podporována jsou všechna hlavní grafická rozšíření, dokonce i *.bmp. Ve výchozím nastavení skript zobrazuje jeden obrázek na stránku, navigační lišta je zobrazena ve formě pásu s náhledy, což vypadá velmi dobře. Možnosti zobrazení stránky lze měnit za chodu prostřednictvím nabídky možností v záhlaví stránky. Jednou z nevýhod tohoto skriptu je, že odkazy na jiné katalogy s obrázky jsou prezentovány jako běžné odkazy, nikoli ve formě náhledů obrázků.
____________________________________ Easy PHP Album Lite přidáno: 19.04.2013
Skript prezentace, veškerý kód v jednom souboru, který by měl být umístěn ve složce s obrázky. Miniatury se ukládají do mezipaměti na disk Nezobrazuje soubory s názvy v azbuce
____________________________________ Galerie Pyxy přidáno: 19.04.2013
Zobrazí zadaný počet obrázků na stránce jako náhledy, nevytváří se žádná mezipaměť. Kliknutím zobrazíte obrázek v původní velikosti.
_____________________________________ Pipho přidáno: 19.04.2013
Skript je podle autora určen pro galerii obrázků optimalizovanou pro iPhone. Vyzkoušeno, funguje hned po vybalení, ale nelíbilo se mi, že původní obrázky nelze uložit, přes prohlížeč se načítají pouze malé kopie.
____________________________________ jGallery2 přidáno: 19.04.2013
Dobrý skript galerie: dvě designová témata, režim prezentace, možnost stahování originálních obrázků, zobrazení miniatur pro katalogy, zobrazení animovaných gifů Přidán ruský jazyk, skript je již nakonfigurován, stačí do něj nahrát složku s obrázky
_____________________________________ Jednoduchá galerie přidáno: 02.05.2015
Tato galerie se mi líbila, protože má design kompatibilní s mobilními zařízeními. Ale na druhou stranu jsou zde omezení počtu obrázků ve složce – náhledy se nevytvářejí, obrázky se generují za běhu, pokud je obrázků hodně, tak se stránka načítá velmi dlouho. Proto je nejlepší možností neházet všechny obrázky do jedné složky, ale rovnoměrně je rozmístit do samostatných podadresářů Obrázky a katalogy by měly být umístěny ve složce galerie, jak je uvedeno v nastavení skriptu. A skript funguje pouze s *.jpg, jiné formáty se nezobrazují, i když má obrázek příponu *jpeg, je potřeba ji změnit na *.jpg.
___________________________________ Kompaktní obchod alb 0.1 (CAS) přidáno: 2.11.2015
Galerie, podle které jsem vytvořil Galerie obrázků s PHP, který se mi velmi líbil kvůli designu a vysoké rychlosti i přes to, že se náhledy neukládají na disk. Na rozdíl od původního skriptu, který zobrazoval pouze obrázky z adresáře, ve kterém se nachází, přidal možnost vybrat všechna nalezená alba, u každého alba se zobrazí náhled; Vnořené adresáře v albech nejsou podporovány. Také jsem přidal možnost zobrazovat obrázky v okně v horní části galerie, jako je LightBox. Rozhraní je kompletně přeloženo do ruštiny, skript funguje okamžitě s výchozím nastavením, stačí do adresáře umístit složky s obrázky alba. Další nastavení naleznete v návodu v archivu. V budoucnu možná přidám ovládací panel, pokud budu mít volný čas na psaní :)
____________________________________ PHP Slideshow přidáno: 19.04.2013
Jednoduchý skript pro prezentaci
____________________________________ Galerie obrázků KoschtIT přidáno: 19.04.2013
Profesionálně provedený skript galerie obrázků. Prezentace, komentáře uživatelů, správa a konfigurace prostřednictvím panelu správce. Nevýhodou je, že zobrazuje animovaný gif jako statický obrázek, ale je možné si stáhnout originály. Jazyk galerie je angličtina, pro změnu na jiný budete muset ručně přeložit celý skript. Jak se dostat do administračního panelu? Přidejte za adresu galerie?admin=admin, například http://mysite.com/KoschtIT/?admin=admin, zadejte heslo, ve výchozím nastavení heslo Výchozí uživatelské jméno a heslo lze změnit úpravou ki_setup.php, který je ve složce ki_config
_____________________________________ MG2 přidáno: 02.09.2015
MG2 je dalším vývojem MiniGal Nano, ale v podstatě jde o úplně jiný scénář. Všechny formáty obrázků jsou podporovány, existuje prezentace, existuje systém komentářů, alba lze chránit heslem před prohlížením Správa a konfigurace jsou prostřednictvím panelu administrátora, můžete tam také zapnout ruský jazyk (i když v IE kódování neustále selhává, v jiných prohlížečích nejsou žádné problémy). Chcete-li se dostat do ovládacího panelu, klikněte na ikonu klíče. Nahrávání souborů do galerie se také provádí prostřednictvím panelu správce, ale pomocí experimentů se ukázalo, že můžete nahrávat obrázky do kořenové složky obrázky přes FTP, klikněte importovat a poté se nové obrázky zobrazí v galerii. Poté zaškrtněte políčka u těchto souborů, vyberte cílovou složku a klikněte pohyb a všechny snímky se okamžitě objeví v požadovaném albu.
____________________________________ Generátor galerie přidáno: 03.10.2015
Skript se skládá ze dvou souborů, které by měly být umístěny vedle složky s obrázky (ve výchozím nastavení img) pro zobrazení obrázků na stránce. Skript funguje rychle, náhledy se generují za chodu, bez ukládání na disk, animované gify se zobrazují tak, jak jsou, a ne jako statické náhledy. Počet obrázků na jedné stránce lze nastavit v nastavení. Logika skriptu je specifikována v Qdig-Single je jen soubor, soubor gallery.cls.php odpovídá za vzhled galerie. Pokud ukážete svou fantazii, použijte jednu Qdig-Single je jen soubor pomocí získání požadavků a relací můžete zobrazit obrázky z různých složek.
____________________________________ Skript Easy Image Photo Gallery přidáno: 19.04.2013
Jednoduchý skript galerie s jedním souborem, stačí jej umístit do složky s obrázky Zobrazí jeden obrázek na stránku a vytvoří navigační nabídku (ve výchozím nastavení 10 odkazů).
____________________________________ Šampon přidáno: 19.04.2013
Je to zcela funkční skript, bez zvláštních zvonků a píšťalek, je zde admin panel.
____________________________________ Skript pro hostování obrázků zdarma přidáno: 19.04.2013
Skript pro hostování obrázků s minimální funkčností – žádný náhled, ukládá a zobrazuje odkazy pouze na obrázek v plné velikosti. Podporuje všechny formáty, včetně .bmp. Upravil jsem to - obrázek jsem po stažení vytiskl do prohlížeče (v originále to tak nebylo) a nastavil jsem maximální velikost souboru na 10MB. Vypnul jsem google adsense. Upravil jsem CSS tak, aby nadpis neulpěl na horní části stránky.
____________________________________ Jednosouborová galerie PHP přidáno: 19.04.2013
Scénář galerie se skvělým designem! S animovanými gify a soubory s názvy v azbuce nejsou problémy. Funguje okamžitě, bez konfigurace - stačí umístit do složky s obrázky, podadresáře jsou podporovány (můj překlad).
___________________________________ Kompaktní obchod alb 0.2 (CAS) _____________________________________ Qdig-Single
Druhá verze mé galerie. Oproti prvnímu zde přibyl admin panel a je zde vestavěný uploader obrázků, který umožňuje nahrávat obrázky přes webové rozhraní v dávkovém režimu. Nejnovější verze s ještě širší funkčností přidala možnost zobrazení obrázků v režimu slideshow, naleznete na hlavní stránce sekce PHP skripty galerie obrázků bez MySQL Skript funguje okamžitě s výchozím nastavením, stačí do adresáře umístit složky s obrázky alba. Další nastavení naleznete v návodu v archivu.
Tento tutoriál vám ukáže, jak vytvořit galerii, která automaticky vyhledá obrázky ve složce a zobrazí je pomocí lightboxu.
Nejprve si vytvoříme páteř naší galerie:
Skvělá galerie jQuery
Myšlenka je velmi jednoduchá - PHP skript prohledá složku pro obrázky. Poté budou tyto obrázky transformovány do krásné galerie pomocí CSS a jQuery. Použití takové galerie je velmi jednoduché – stačí nahrát obrázky do složky a výsledek bude na stránce hned vidět.
$adresar = "galerie"; //název složky s obrázky
$allowed_types=array("jpg","jpeg","gif","png"); //povolené typy obrázků
$části_souboru=pole();
$ext="";
$title="";
$i=0;
//zkuste otevřít složku
$dir_handle = @opendir($adresář) or die("V adresáři s obrázky je chyba!");
while ($file = readdir($dir_handle)) //prohledávání souborů
{
if($file=="." || $file == "..") pokračovat; //přeskakování odkazů na jiné složky
$části_souboru = explode(".",$soubor); //rozdělte název souboru a vložte jej do pole
$ext = strtolower(pole_pop($části_souboru)); //posledním prvkem je rozšíření
$title = implode(".",$části_souboru);
$title = htmlspecialchars($title);
$nomargin="";
if(in_array($ext,$allowed_types))
{
if(($i+1)%4==0) $nomargin="nomargin"; //poslednímu obrázku v řádku je přiřazena CSS třída "nomargin"
echo"
".$title."
";
$i++;
}
}
closedir($dir_handle); //zavřít složku
Skenováním souborů ve složce a přeskakováním neobrázkových souborů shromažďujeme XHTML kód pro každý obrázek. Kód (řádky 28-39) se skládá z kontejneru s třídou pic (a v některých případech nomargin ). Pomocí atributu style nastavíme obrázek na pozadí jako náš obrázek. Umístíme obrázek do středu pomocí 50 % 50 % . Tímto způsobem je obraz zarovnán horizontálně i vertikálně. Pokud je obrázek větší než blok, vidíme pouze jeho centrální část (část, která se vejde do kontejneru). Tímto způsobem získáme krásné náhledy (aniž bychom museli zmenšovat samotný obrázek).
To funguje dobře u "světlých" obrázků. Zkuste do složky nenahrát 10megapixelové fotky :).
Blok obsahuje odkaz, který vede na obrázek v plné velikosti. Název souboru slouží jako hodnota atributu title. Plugin lightBox používá tyto hodnoty a převádí obrázky do galerie. Chcete-li změnit popis obrázku, musíte jej přejmenovat.
Možná máte otázku ohledně třídy nomargin! Proč to potřebujeme? Každý obrázek v galerii má pravý a spodní okraj. To znamená, že poslední prvek v každém řádku se nebude moci zarovnat s pravou stranou záhlaví bloku. Vypadá to neprofesionálně. Proto přiřadíme speciální třídu, která odstraní pravý okraj pro poslední prvek v řadě. Výsledkem je krásný výsledek.
Nyní vše trochu formalizujme:
/* nejprve resetujte některé prvky pro kompatibilitu prohlížeče */
tělo,h1,h2,h3,p,td,citát,malý,formulář,vstup,ul,li,ol,štítek(
margin:0px;
padding:0px;
rodina písem:Arial, Helvetica, bezpatkové;
}
tělo( /* tělo */
margin-top:20px;
barva:bílá;
font-size:13px;
background-color:#222222;
}
.clear( /* třída clearfix */
jasné:obě;
}
a, a:navštívené (
barva:#00BBFF;
text-decoration:none;
obrys:žádný;
}
a:hover(
text-decoration:podtržení;
}
#kontejner(
šířka:890px;
margin:20px auto;
}
#nadpis,#patička(
background-color:#2A2A2A;
border:1px solid #444444;
výška:20px;
padding:6px 0 25px 15px;
margin-bottom:30px;
přetečení:skryté;
}
#patička(
výška:10px;
margin:20px 0 20px 0;
padding:6px 0 11px 15px;
}
div.nomargin( /* třída nomargin */
margin-right:0px;
}
.pic(
float:left;
margin:0 15px 15px 0;
ohraničení:5px plná bílá;
šířka:200px;
výška:250px;
}
.pic a(
šířka:200px;
výška:250px;
text-odsazení:-99999px;
displej:blok;
}
h1(
font-size:28px;
váha-fontu:tučné;
font-family:"Trebuchet MS",Arial, Helvetica, bezpatkové;
}
h2(
font-weight:normal;
font-size:14px;
barva:bílá;
}
Pro správnou funkci budeme muset do hlavičky dokumentu zahrnout framework, šablonu stylů a pomocné skripty:
Ještě trochu magie:
// po načtení stránky
$(document).ready(function())(
$(".pic a").lightBox((
ImageLoading: "lightbox/images/loading.gif",
imageBtnClose: "lightbox/images/close.gif",
imageBtnPrev: "lightbox/images/prev.gif",
imageBtnNext: "lightbox/images/next.gif"
});
});
Zde jednoduše spojíme několik obrázků, aby lightbox fungoval správně.
Naše galerie je připravena! líbí se mi! :)
Ahoj všichni! Jeden člověk mě nedávno požádal, abych mu pomohl s galerií na webu.
Potřebujeme lidem ukázat fotografie dokončených prací. A chci to dělat krásně a pohodlně!
No, rychle jsem mu vyrazila z galerie a ta věc dopadla špatně, tak jsem se rozhodla to sem dát taky :)
Všechny zdroje a strukturu databáze nechám na konec článku.
Galerii si můžete prohlédnout v práci.
Ale na tom webu si to můžete jen prohlédnout. A pokud chcete vyzkoušet všechny možnosti galerie, tak se do ní můžete podívat.
Konkrétně jsem to zveřejnil samostatně, abyste si to mohli pohrát a osahat ve skutečnosti :)
Logo společnosti Oasis můžete ignorovat, protože jsem vše zkopíroval z tohoto webu a umístil na náš)
Jak vidíte, nejsou zde žádná ovládací tlačítka. Pro správu galerie je potřeba se přihlásit na speciální přihlašovací stránku zde: .
Přihlašovací heslo: test_pass
Po správném zadání hesla se opět otevře hlavní stránka, ale ovládací tlačítka již budou k dispozici.
Na přihlašovací stránku se dá zatím přejít pouze přímo přes odkaz, ale myslím, že pro nikoho nebude těžké vložit přihlašovací odkaz přímo do stránky) Tohle jsme prostě nepotřebovali, tohle je galerie a při prohlížení běžnými lidmi by nemělo být nic zbytečného, a proto bylo rozhodnuto odstranit přihlašovací odkaz)
Můžete si vytvořit složky, v těchto složkách jsou alba a v každém albu jsou fotografie (ta jehla je ve vejci, to vejce je v kachně, ta kachna je v zajíci a zajíc je z toho všeho v šoku! ).
No, můžete také upravovat názvy složek a alb, stejně jako je mazat, a také můžete mazat fotografie, ale jak by to mohlo být jinak? 🙂
Chcete-li nahrát fotografie, musíte přejít do alba a kliknout na ikonu fotoaparátu nebo přetáhnout obrázky přímo tam. Můžete nahrát tolik obrázků, kolik chcete najednou...)
Všechny akce se provádějí pomocí požadavků AJAX, takže se stránka nebude znovu načítat, což je velmi pohodlné)
Pokud je album prázdné, pak bude jeho náhled jednoduše ve formě snímku z fotoaparátu. Pokud nahrajete nějaké obrázky do alba, první obrázek se stane náhledem alba. Ale mimochodem! V databázi v tabulce alb je pole preview_url a toto pole je zodpovědné za náhled alba. To znamená, že tam můžete zaregistrovat jakýkoli jiný náhled na album. Ale protože to nebylo pro naše úkoly nutné, neudělal jsem to při úpravě alba. Ale když je album zobrazeno, je také v databázi. Takže to můžete použít, pokud to dokončíte)
To samé platí s obrázky. Je tam uveden název obrázků (pole názvu je v tabulce fotografií), a pokud existuje, zobrazí se při prohlížení obrázků.
Nyní trochu více o technických detailech a použitých věcech.
Obrázky se nahrávají pomocí pohodlného pluginu jQuery pro nahrávání souborů „dmuploader“.
Když se načte obrázek, vytvoří se jeho miniatura, za to odpovídá třída SimpleImage php, kterou najdete na internetu. Není tam nic složitého.
Pro práci s databází se používá třída safeMySQl. Pohodlná věc, která navíc umožňuje alespoň trochu zapomenout na bezpečnost přenášených hodnot, protože sám se stará o ochranu vstupních dat pomocí zástupných symbolů.
K zobrazení obrázků se používá jednoduchý plugin jQuery „magnific popup“.
To vše lze snadno najít podle názvu.
Zbývalo jen spojit tyto části dohromady, napsat autorizační skript, třídu pro práci s databází konkrétně s alby a fotografiemi, klientskou část a no, vše zprovoznit :)
Existují určitá nastavení. Musíte je upravit v souboru configs.php.
Zde můžete nastavit parametry pro připojení k databázi a také heslo pro vstup. Heslo není uloženo v databázi. Toto je jednoduchá galerie, pro jednoho uživatele...)
Galerie vznikla celkem rychle, dalo by se říci „na koleni“. Proto jsou chyby a nedostatky docela možné i v tak jednoduché věci, jako je tato galerie. Je také možné, že kód může být mírně matoucí a obtížně čitelný kvůli skutečnosti, že někdy jsou php a html kousky kódu smíchány dohromady...)
Jak jsem slíbil, sdílím zdrojový kód a také SQL soubor obsahující strukturu databáze a tabulek:
test_galerie.zip
: čas běží! V nových verzích MySQL je standardně povolen přísný režim, což znamená, že těm polím v tabulkách, která nemají výchozí hodnoty, musí být při vkládání dat zadány hodnoty v dotazech, jinak dojde k chybě. Můžete tedy buď nastavit výchozí hodnoty pro pole v tabulkách, nebo vyladit nastavení mysql (pokud máte přístup k souboru nastavení) a tento parametr tam přidat nebo změnit takto.
1. Galerie jQuery s efektem otáčení stránekPodobné řešení lze použít pro zobrazování nejnovějších článků na blogu nebo pro prezentaci produktů.
Jedinečný způsob, jak zobrazit své fotografie v luxusní galerii jQuery.
3. Galerie obrázků jQuery pro produkt, plugin „slideJS“.
Plugin jQuery je ideální pro implementaci produktové stránky s více obrázky. Přechod mezi obrázky lze provést pomocí miniatur nebo pomocí navigačních šipek.
Obrázek se zvětší, když na něj najedete myší.
5. Elegantní galerie Lightbox „ppGallery“
Profesionální galerie jQuery roku 2011.
8. Plugin jQuery „Nivo Zoom“
Další vysoce kvalitní plugin jQuery od vývojářů Nivo slideru. Obrázek zvětšíte kliknutím na náhled.
9. Galerie jQuery 3D Wall
Nová galerie jQuery pro rok 2011. Posuv obrázků zabírá celou šířku obrazovky. Mezi fotografiemi můžete procházet třemi způsoby: pomocí kolečka myši, posouváním z horní části galerie a pomocí bloku miniatur ve spodní části. Galerie vypadá velmi působivě.
Obrázky v galerii se náhodně zvětšují a opět zmenšují a vytvářejí bublinkový efekt.
11. Neobvyklé zobrazování obrázků v galerii jQuery
Pomocí posuvníku v horní části můžete změnit vzdálenost mezi obrázky ve stohu. Když kliknete na obrázek, otočí se.
12. Plugin galerie jQuery “MB.Gallery”
Plugin z roku 2011. Nová galerie s popisy obrázků, táhnoucí se přes celou plochu okna prohlížeče bez ohledu na jeho velikost. Zajímavě jsou implementovány náhledy obrázků. Přechod mezi fotografiemi se provádí pomocí šipek u miniatury a pomocí kolečka myši.
14. Lehká galerie jQuery
Plugin automaticky prohledá složku a vytvoří malé kopie obrázků.
16. Stylová galerie využívající knihovny jQuery a Raphael
Zajímavý efekt při najetí myší na miniaturu.
17. Nová verze pluginu jQuery „Supersized“ verze 3.1
Poměrně nedávno jsem již zmínil toto řešení jQuery pro vytváření celoobrazovkových galerií. Dnes bych vám rád představil nejnovější verzi tohoto profesionálního pluginu. Skript byl kompletně přepsán, nyní galerie funguje ještě rychleji a přibyla některá zajímavá nastavení, například navigace pomocí klávesnice, variabilní rychlost změny obrázků, velikost obrazovky a další.
18. Plugin jQuery „Galleria 1.2.2“
Nová galerie jQuery pro vaše projekty.
Po stisknutí tlačítka se na stránce objeví galerie. Okolo zvětšeného obrázku se objeví miniatury. Můžete ovládat automatickou změnu obrázků. Použité technologie: jQuery, CSS, PHP.
20. Plugin „Galerie časovače“
galerie jQuery. Implementováno automatické střídání snímků a posouvání náhledů, pokud je jich příliš mnoho.
Plugin galerie obrázků pomocí jQuery.
22. javascriptová galerie pro prohlížení na mobilních zařízeních “PhotoSwipe”
Galerie obrázků optimalizovaná pro prohlížení na mobilních zařízeních (telefonech nebo tabletech).
23. javascriptová galerie s 3D efektem
Nový posuvník jQuery. Několik skvělých animovaných efektů při výměně snímků.
25. Plugin jQuery “Galleria 1.2.3”
Originální galerie v podobě miniatur různých velikostí rozesetých po plátně, stylizovaných do obrazů. Po kliknutí na náhled se zobrazí oblast s popisem obrázku a po dalším kliknutí vyskočí původní velký obrázek.
27. Galerie CSS3
Zajímavý efekt vznášení.
28. Galerie s miniaturami “TN3 Gallery”
Galerie jQyery s náhledy. Byla implementována možnost zobrazení v kompaktním okně a v okně na celou obrazovku a také možnost zakázat/povolit automatickou výměnu snímků.
29. Mřížka obrázků “Grid-Gallery”
Mřížka obrázku se roztáhne v závislosti na šířce okna prohlížeče. Zajímavý efekt přechodu: aktivní řádek a sloupec jsou zvýrazněny.
30. Galerie jQuery Swap
Odlehčená galerie jQuery v několika řádcích kódu.
Ukázková stránka představuje několik možností pro rozevírací mega nabídky v různých stylech. V tomto menu můžete konfigurovat: efekt vypadnutí, rychlost vypadnutí a také si vybrat mezi vypadnutím kliknutím nebo najetím myši na položku.
31. Galerie obrázků jQuery
Galerie jQuery s popisky obrázků. Několik efektů přechodu snímku. Navigace mezi snímky se provádí buď pomocí šipek nebo kliknutím na náhled.
Obrázek a jeho miniatury jsou vyrobeny ve formě kruhů.
33. plugin portfolia fotografa jQuery „Portfolio Image Navigation“
Originální javascriptové řešení pro návrh portfolia fotografa. Navigace mezi snímky se provádí pomocí šipek Nahoru/Vlevo/Vpravo a pomocí miničtverců (imitace pohybu ve 2D prostoru). Fotografie z různých fotografických relací můžete seskupit do různých svislých řad a procházet je pomocí navigačních prvků. Podívejte se na ukázku.
34. Plugin „jmFullZoom“
Plugin pro prohlížení obrázků, které se roztahují na celou velikost okna prohlížeče. Lze použít k zobrazení děl z portfolia.
35. Fotografická karta
Galerie integrovaná s mapou Google. Kliknutím na ikonu v pravém dolním rohu jej rozbalíte na celou obrazovku. Ideální pro cestovatelské weby.
36. Galerie obrázků s náhledy
Galerie jQuery s náhledy.
37. galerie jQuery “Galleriffic”
Prezentace s náhledy.
38. Plugin jQuery CSS3 „Wave Display Effect“
Vlnová prezentace obrázků a obsahu na stránce. Po kliknutí na náhled se všechny obrázky zvětší a zobrazí se jejich názvy. Po dalším stisknutí se otevře blok s popisem fotografie.
Mnoho možností zobrazení a nastavení.
Vypadá krásně a funguje skvěle ve všech moderních prohlížečích
Můžete ovládat automatickou prezentaci (start/stop), přepínat snímky pomocí šipek na klávesnici, automatické stránkování názvů snímků, pokud je jich hodně, podporuje více galerií na jedné stránce, popisky pro snímky, podporu API a možnost vytvořit si vlastní přechodové efekty snímků
46. Galerie ve formě hromady fotografií
Tak by měl vypadat výsledek galerie, kterou vytvoříme. Můžete se podívat na ukázku a na přání si stáhnout konečný výsledek galerie.
47. jqFancyTransitions
Galerie s intuitivním ovládáním v PHP.
Požadavky: PHP 4.3.0+, PHP safe_mode musí být zakázán, ImageMagick nebo NetPBM, MySQL 3+
Plogger
Plogger – umožňuje integrovat fotogalerii do vašeho webu. Fotogalerie s atraktivním a jednoduchým administrativním rozhraním.
Požadavky: MySQL v3.23+, GD1.0+ a +PHP4
měďnatý
Coppermine je víceúčelová, plně vybavená a komplexní webová galerie. Skript napsaný v PHP.
Požadavky: PHP 4.2.0+, MySQL 3.23.23+, buď GD nebo ImageMagick (jakákoli verze)
4obrázkyGalerie
4images je výkonný systém pro správu webových galerií. Mezi jeho funkce patří systém komentářů, registrace uživatelů a systém správy chráněný heslem.
Minipřehlídka
Minishowcase je malý a jednoduchý skript javascript/PHP fotogalerie, technologie AJAX vám umožňuje snadno prohlížet vaše fotografie.
Galleriffic
Plugin JQuery pro rychlé vykreslování fotogalerií.
dfGallery
Flash galerie s podporou pro Flickr, Picasa, FOTKI, Photobucket a vlastní fotografie.
ZenPhoto
Zenphoto je webová fotogalerie určená pro jednoduchá webová fotoalba. Zahrnuje dynamické zpracování obrázků a složek na základě alb,...
Požadavky: 4.10 + PHP s podporou GD, MySQL + 3.23
NoobSlide
Krásný a jednoduchý plugin. Celkem 8 vzorků posuvníku.
Požadavky: Mootools v1.11 a v1.2
Imago
Ajax galerie s důrazem na jednoduchost a snadné ovládání.
(E)2 Fotogalerie
Automaticky stáhne obrázky ze zadané složky
Požadavky: Mootools v1.1
Pathfusion: Prezentace
Prezentace s přechodovým efektem mezi snímky.
Galleria
Galleria je javascriptová fotogalerie napsaná v jQuery. Načítá obrázky jeden po druhém z neuspořádaného seznamu a zobrazuje obrázky. Když je každá fotografie nahrána, skript vytvoří miniatury, pokud to určíte v nastavení.
PixelPost
Pixelpost je fotografický blog pro internet.
Požadavky: PHP 4.3 + / + MySQL 3.23.58
SmoothGallery
Tento skript organizuje prezentaci nebo fotogalerii na vašem webu
Fotogalerie FlashFlickr
Fotogalerie, používá Flickr API.
MooFlow
Galerie ve stylu iTunes
LightWindow
Pokročilý Lightbox
Požadavky: Prototyp & Scriptaculous
Prohlížeč – mootools
Prezentace pro zobrazení obrázků nebo sekcí galerie.
Slimbox
Klon lightboxu
Revolver
Lze použít například k uspořádání portfolia
ImageFlow
Pohodlná javascriptová fotogalerie ve stylu iTunes
Požadavky: PHP 4.3.2+ s rozšířením GD 2.0.1+
BarackSlideshow
Originální slide show, lze využít například při tvorbě portfolia
Prezentace 2
Samovysvětlující název, zajímavý scénář galerie
Vitrína
Pěkná galerie
PathFusion: multibox
Klon Lightbox s podporou obrázků, hudby, flash a html
Plugin galerie UvumiTools
Realizace této galerie se mi moc líbila, radím se podívat.
Fotogalerie 3D křivek
Zábavná flashová galerie pomocí XML.
Stack Fotogalerie
ICE... jako byste drželi v rukou hromadu fotografií a přemisťovali je jednu po druhé.
Požadavky: K úpravě souboru FLA je vyžadován Adobe Flash (verze 9).
MediaBox
Další cc lightbox s rozšířenou podporou formátu
Vesmírná galerie
Jednoduchá galerie s jQuery
javascriptová galerie obrázků pomocí Mootools (část 2)
Galerie na Mootools
Galerie obrázků v1.0
Galerie na flash, po kliknutí na obrázek se otevře v lightboxu
Stáhnout
Kruhová galerie miniatur
Velkolepá kruhová galerie ve Flashi
Flash galerie
Skript vám umožní rychle a snadno vytvořit prezentaci na vašem webu. Velmi působivé
