Dnes som dokončil lightbox (doplnok, vďaka ktorému môžete pekne a pohodlne prezerať vaše obrázky v galérií) a musím povedať že sám mám z toho radosť, pretože túto vec som chcel mať na webe už dosť dlho ale nikdy sa mi to nechcelo robiť :-). No dosť roči, poďme na to...
16.11.2008 (11:31), M4jco, Internet, komentáre 17×, zobrazené 3418×
Ako prvé, si stiahneme tento "pack" v ktorom je obsiahnutý samotný lightbox aj s upravenou galériou pre K:CMS.
http://www.m4jco.net/lightbox_kcms.zip
Po stiahnutí tohoto súboru extrahujte všetky data a presuňte sa do priečinku "js/lightbox.js" a otvorte súbor v nejakom textovom editore. Choďte približne na 50 riadok kde uvidíte niečo takéto:
fileLoadingImage: 'http://www.m4jco.net/images/loading.gif',
fileBottomNavCloseImage: 'http://www.m4jco.net/images/closelabel.gif',
Namiesto http://www.m4jco.net/ si zadajte adresu vášho webu, pretože inak by to nefungovalo správne.
Keď máte hotové, uložte a zavrite súbor.
Teraz otvorte súbor gallery.php , nadhádza sa v priečinku components/index_inc/gallery.php
Hneď na začiatku súboru máte takýto kód:
<head>
<script type="text/javascript" src="http://www.m4jco.net/js/prototype.js"></script>
<script type="text/javascript" src="http://www.m4jco.net/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.m4jco.net/js/lightbox.js"></script>
<link rel="stylesheet" href="http://www.m4jco.net/css/lightbox.css" type="text/css" media="screen" />
</head>
Adresy http://www.m4jco.net/js/prototype.js si prepíšte na vaše adresy. Teda http://www.vášweb.cz/js/prototype.js atd...
Uložíme, zavrieme.
Teraz môžete tieto všetky súbory nahrať na server.
To by bola galéria, ale my musíme ešte definovať v indexe kedy sa má zobrazovať lightbox.
Takže, otvoríme si váš súbor index.php a presunieme sa na čast kde su meta tagy.
Je to tuším 250 riadok.
Po úprave by to malo vyzerať približne takto:
<title><?php if ($f=="") { if ($section["name"]=="") { echo "$lang_homepage"; } else { echo ($section["name"]); } if ($a!="") { echo (" - ".stripslashes($article["title"])); } } if ($f=="signup") { echo "$lang_index_signup"; } if ($f=="profile") { echo "$lang_index_profile $user"; } if ($f=="settings") { echo "$lang_index_personal_settings"; } if ($f=="search") { echo "$lang_index_searching_of \"".$_POST["search"]."\""; } if ($f=="gallery") { echo "$lang_index_gallery"; } ?> - <?php echo ($sitename); ?></title>
<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" />
</head>
<body>
Zvýraznený kód sme pridali do tagov.
Teraz už len nahráme index.php na server a lightbox by mal fungovať.
Návod je robený na rýchlo, takže je možné že som niekde urobil chybu. V prípade že by to nefungovalo, mi napíšete do komentáru a ja to opravím.
Ďakujem
Diskusia pre článok Lightbox pre K:CMS:
Řešení je implementovat daleko jednodušším způsobem jednu modifikaci lightboxu. K vidění na www.craj.info ve zdejší galerii. Kdyby jste nepřišli na to jak vše zařídit zkoumáním uvedeného webu, můžu někam dát návod 
Kdyby jste nekdo prisli na to jak udelat aby fungovalo NEXT a BACK, tak pripiste treba zde do komentare
Pre lightbox v náhodných obrázkoch si nájdi tieto riadky:
$thumb=explode(".", $file);
echo "<p class=\"a-center\"><a href=\"".rootURL()."gallery/$file\"><img src=\"".rootURL()."gallery/thumbs/".$thumb[0].".jpg\" alt=\"".str_replace("\"", "", $title)."\" /></a></p>\n\n";
}
A nahradíme ich týmito riadkami:
$thumb=explode(".", $file);
echo "<p class=\"a-center\"><a href=\"".rootURL()."gallery/$file\" rel=\"lightbox\"><img src=\"".rootURL()."gallery/thumbs/".$thumb[0].".jpg\" alt=\"".str_replace("\"", "", $title)."\" /></a></p>\n\n";
}
jsi nejlepsi 
Listovanie neviem prečo nejde, neprišiel som na to...a lightbox pre náhodne obrazky urobíš jednoducho. Večer pokial budem mať čas to dopíšem, neboj sa. 
M4jco : Prosimte pripsal by si navod jak to udelat aby se v lightboxu otviral i nahodny obrazek? A take bych ocenil listovani primo v lightboxu
vse funguje, diky. jeste te poprosim jestli by jsi do navodu pripsal jak udelat aby lightbox fungoval v administraci a v indexu v sekci "Náhodný obrázek".
Mám stáhnutý a nainstalovaný Lightbox tady s těchto stránek a je to moc dobrý. Zajímalo by mě, jestli by nešlo ještě udělat to, aby se popis v náhledech vypisoval ve spodním pruhu pod fotografií
No ono to nejde a neviem v čom je problém 
už som to prezeral dosťkrát a neviem kde je v tom chyba...fakt
Skvělé. Jedině škoda, že se nelze v galerii posunovat přímo v lightboxu (aspoň mě ne).
Ahoj, používám SQlite na Asus WL500Gx, dlouhodobě je v K:CMS problém v této kombinaci s galerií. Nemohu to rozběhnout, umíte prosím poradit?
Tak jsem si to tam dal, postupoval jsem přesně podle návodu a vše na první pokus funguje (www.motoczech.cz) Skvělá práce, díky za ní
Ok, som rád že to funguje
Tak už to jde....ani nevim jak je to možný ale najednou po tom co sem to přepsal a asi tak tisíckrát aktualizoval stránku tak to najednou šlo.hm, ale jde to
Tak sem se na to juknul a zjistil sem že sem měl v lightbox.js a v lightbox.css napsanou špatnou cestu k obrázkům....jenom www.mojestránka.cz/images a je to www.mojestránka.cz/componenst/images..ale stejně to nefachá...tak už fakt nevim...i http:/ tam mám.
Skontroluj súbory lightbox.js a lightbox.css či su tam zadané správne adresy k obrázkom. Konkrétne ked som nezmenil údaje v lightbox.js tak vtedy sa mi nezobrazovali tlačidla zavrieť a loading. Skús sa na to ešte pozrieť, určite tam bude niekde chyba, napríklad v tom že musíš zadať celú adresu napr "http://www.adsf.cz" a nie len "www.asdf.cz"
Lightbox funguje ale až na malej nedostatek...nezobrazujou se tlačítka ani loading, close,...nic ale jinak funkcní...nevíš co s tím?vše podle návodu nejmíň stokrát zkontrolováno.
Pridať komentár:
- Titulná strana
- Bannery
- Blog
- CMS Recenzie
- Custom XMB
- Fórum
- Grafika
- Internet
- Meliško
- Mobily
- O mne
- O webe
- Pravidla
- PSP games
- PSP Návody
- PSP Novinky
- PSP Recenzie
- Reklama
- Škola
- RPG games for downlo... 25.12.2011, 23:44
- RPG games for downlo... 22.12.2011, 16:57
- Playstation portable... 15.12.2011, 19:50
- Internetová diskusi... 07.12.2011, 18:27
- Playstation portable... 19.11.2011, 18:44
- Playstation portable... 13.11.2011, 21:10
- Meliško... 23.10.2011, 09:23
- Playstation portable... 02.10.2011, 19:39
- Playstation portable... 14.09.2011, 17:49
- Playstation portable... 13.09.2011, 17:13
