PHP-Script.hu
Kiemelt hirdetés:
2018. július 21. 09:26 szombat, ma Dániel névnap van


grafika


Videóbázis


Kategória: PHP - Galéria
EasyGallery 2.1.1
2012.02.15. 21:50

easygallery.pngAz EasyGallery nevezetű galéria, ahogy a nevében is benne van, nagyon egyszerű, nem igényel semmi plusz beállítást. Adatbázist nem használ, könnyű beilleszteni saját weboldalunkba. A thumbnail képeket automatikusan elkészíti. Az ékezetes mappaneveket nem támogatja. A nagy képeket lightbox-al nyitja meg.


Telepítése:

1. Töltsd fel a programot a tárhelyedre. Alap beállítás esetén a program főkönyvtárában hozhatod létre a mappákat, mint galériákat, és oda teheted a képeket.
2. Nyisd meg a galériádat, elkészülnek automatikusan a thumbnail képek és készen is vagy.

Ha esetleg almappába szeretnéd tenni a galériákat és a képeket, akkor be kell állítanod az EasyGallery.php-ba, hogy melyik mappa legyen az. Több más beállítás is szerepel itt:

EasyGallery.php részlet
1
2
3
4
$root_dir = "."; //melyik könyvtárból olvassa a galériákat, alapértelmezetten . van, de ha más mappát akarsz, akkor például ./mapp_nev formában írd be
$columns = 5; //egy sorban hány kép jelenjen meg
$thumbwidth = 100; //thumbnail képek szélessége, a magasságukat arányosan határozza meg
$slideshow = 0; //slideshow engedélyezve legyen-e, 0 érték a nem, 1 az igen

Követelmények: Legalább 4.0-ás PHP verzió és GD könyvtár.

A saját weboldaladba is be tudod illeszteni a galériát ezzel az egyszerű php kóddal:

Galéria beillesztése
1
<?php include("mappanev/EasyGallery.php"); ?>

Hivatalos weboldal és kipróbálható demo: http://www.freitagmorgen.de

 Fájl letöltése: 

 Szerző: userraczger Hozzászólások(2) Hozzászólások Megosztás az iWiW-en Megosztás az Facebook-on Megosztás a Google Reader-ben Megosztás az Twitter-en 

Listázás:  Idő szerint:
Webprogramozás arr Scriptek info EasyGallery 2.1.1
(#2) Gabor 2012.04.04. 17:13

Gabor
Gabor
Szerkesztő

Ha arra gondolsz, hogy a kép legyen nagyobb úgy mint a galériában, akkor neked az eredeti lightbox scriptre van szükséged, amit ez a galéria is használ. Ha letöltöd akkor nincs más hátra minthogy beépísd az oldaladba.
Először is tömörísd ki a .zip fájlt majd az index.html fájl kivételével mindent másolj abba a mappába ahol az a bizonyos oldalad van. (a mappákat is, de ha már vannak ilyen nevű mappáid, akkor természetesen elég ha mondjuk a js mappából mindent átmásolsz a te js mappádba)
Ezután az oldal <head> részébe másold be ezt a kódot:

1
2
3
4
5
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Ha ez is megvan akkor vessünk egy pillantást a képre. Azt írtad szeretnéd ha rákattintva megnyílna a galéria. Most így néz ki a kép
1
<img src="./kep.jpg" alt="Kep">

Próbáld ki hogy így módosítod
1
<a href="ugyanaz-a-kep-nagyban.jpg" rel="lightbox" title="leiras"><img src="./kep.jpg" alt="Kep"></a>


Még egy apróság hogy ezesetben ha több kép is van és azt szeretnéd hogy lapozni lehessen köztük akkor azt a részt hogy rel="lightbox" cseréld ki erre rel="lightbox[sorozat]" és akkor lehet lapozni az így megjelölt képek közt.
Kicsit hosszúra sikerült bocsi kep

(#1) Zsolt01 2012.03.24. 21:43

Zsolt01
Zsolt01
Kezdő

Udv!
Egy "kicsit" elakadtam a galeria meghivasaval kapcsolatosan html-ben, ehez kernem segitsegeteket.
Adott tarhelyen fent van az EasyGallery, csak eleresi utvonalat modositottam benne mert kulon mappabol akartam, hogy olvassa a kepeket, mukodik is szepen. A problemam (illetve kerdesem) :
Hogyan tudnam megoldani, hogy egy sima html lapon (pl: index.html vagy masik.html) egy kepre vagy tumbnail-re kattintva a galeria eletre keljen azon a lapon ahol meghivom, persze tarhelyen belul?
Osszegezve: .html -ben van egy kep, amire kattintva elojon a galleria.
Gondolom meg lehet oldani iframe nelkul is, hogy ne csak az iframe DIV-jeben jojjon elo a gallery hanem az egesz lapon.

Elore is koszonom a segitokeszseget :)

Minden jot!


Listázás:  Idő szerint:


© 2006-2018 PHP-Script.hu, Minden jog fenntartva!
Design: Rácz Gergely, Oldalmotor: Rácz Gergely
Impresszum - Oldaltörténet - Oldalszabályzat