jak zprovoznit lightbox v nette
- buf
- Člen | 4
Zdravím,
snažím se zprovoznit lighbox v nette. Nejdřív jsem zkoušel lightbox 2, bohužel jsem skončil na tom ,že v okně se vytvořil ztmavující efekt ale žádný obrázek – to bylo vše.A poté lightbox 0.5 jako pluigin pro jquery a tam když kliknu na obrázek tak jsem přímo odkázán na url obrázku. V obou případech sem pouze nalinkoval js skripty do headru v šabloně a upravil případné parametry odkazů u obrázků. Ale jak zjišťuju takhle jednoduše to asi nepůjde. Zkouším a hledám asi 3 hodiny ale nic. Byl bych vděčný za nějaké nasměrování přes co se to musí dělat, jestli to vůbec jde zprovoznit v nette apod.
Dokončuji teprve první web v nette, takže za jakkékoliv rady budu vděčný.
- Aurielle
- Člen | 1281
Dávej si pozor na parsování objektů {‚neco‘:‚neco jineho‘} Latte
filterem. Buď můžeš vypnout parsování v určitém skriptu pomocí n:
atributu (<script n:syntax="off">) nebo dej mezi { a znaky za
tím mezeru. Nebo se taky dají využít makra {l} a {r}, které napíšou levou
resp. pravou složenou závorku (pouze 2.0-dev tuším).
- buf
- Člen | 4
Takže v @layout.phtml je nyní
<script src="{$basePath}/js/lightbox.js" type="text/javascript" n:syntax="off"></script>
<script src="{$basePath}/js/scriptaculous.js?load=effects,builder" type="text/javascript" n:syntax="off"></script>
<script src="{$basePath}/js/lightbox.js" type="text/javascript" n:syntax="off"></script>a přímo pak už v definovaném bloku content v default.phtml by mělo stačit toto:
<a href="images/obrazek1.jpg" rel="lightbox"><img class="obrazek" src="images/obrazek1_nahled.jpg" alt="" /></a>Stále stejný výsledek, pokud jsem tedy pochopil tvoji radu. Nebo sem s syntaxí úplně mimo?
Editoval buf (22. 4. 2011 16:56)
- kravčo
- Člen | 721
buf napsal(a):
Takže v @layout.phtml je nyní
<script src="{$basePath}/js/lightbox.js" type="text/javascript" n:syntax="off"></script> <script src="{$basePath}/js/scriptaculous.js?load=effects,builder" type="text/javascript" n:syntax="off"></script> <script src="{$basePath}/js/lightbox.js" type="text/javascript" n:syntax="off"></script>
Pre externé skripty to určite potrebné nie je, potrebné by to mohlo byť v prípade inline skriptov.
<head>
<script type="text/javascript" n:syntax="off">
// {ua...} nie je považované za makro
var ua; if (document.layout) {ua="X";alert(1);} else {ua="Y"alert(0);}
</script>
</head>- buf
- Člen | 4
22 napsal(a):
jen tak mimochodem, funguje ti to bez lightboxu? Tedy otevře se obrazek po kliknutí?
ano, to funguje bez problémů, zvláštní na tom je že funguje jen ta úvodní část skriptu a to ten efekt ztmaveni po kliknutí a dalším kliknutím se stránka vrátí do původního stavu, nicméně se nenačtě nic, ani ten bílý box v kterým probíhá načítání samotného obrázku jen efekt ztmavení …
kravčo napsal(a):
Pre externé skripty to určite potrebné nie je, potrebné by to mohlo byť v prípade inline skriptov.
Děkuji, dobré vědět. po přidání n:syntax=„off“ se aplikace chovala stejně jako předtím.
Nějaké další nápady čím by to mohlo být?
- buf
- Člen | 4
Tak slavnostně oznamuji, že problém vyřešen … takhle to dopadá když člověk chce být perfekcionalista a chce aby validatory označili jeho stránky za 100% validní bez jakkýkoliv poznámek. Na doporučení aby aplikace byla opravdu v DOCTYPE XHTML 1.0 Strict a jen se tak netvářila jsem přidal do basepresenteru
header('Content-type: application/xhtml+xml; charset=utf-8');No a problém je na světě, no a co je možná ještě horší tenhle zápis způsoboval že výpis chybových hlášek obstarával prioritně doctype a ne laděnka.
Editoval buf (23. 4. 2011 11:45)
