Autor Zpráva
Dvory59
Profil
Zdravím, hledal jsem návody a našel jsem poměrně snadný návod dle kterého jsem vše provedl tak, jak se má, nicméně lighbox tak nepracuje.


 
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />
</head>
  <body>
   
 <a href="../images/close.png" rel="lightbox" title="my caption"><img src="../images/close.png"></a>
 
    <body>
</html>

Tohle je kód, který jsem dle návody vytvořil. Soubory jsou staženy a cesty k souborům jsou upravé dle mých potřeb. Vidíte tam někdo problém?
Odkaz mi funguje, ale obrázek se neukáže v lightbox, nýbrž v nové stránce.

Díky za každou radu
Keeehi
Profil
Když se podiváš ve vývojářských nástrojích, vidíš se se všechny soubory načetli? Hlásí tam konzole nějakou chybu?
Dvory59
Profil
Chybu v cestách to nehází, ale hází to tenhle error... Což se příznám že nevím co s tím, ten soubor je identickej tomu, co jsem stáhl...
Davex
Profil
Dvory59:
Ten stažený Lightbox2 se asi od napsání návodu změnil natolik, že mezitím používá úplně jinou JavaScriptovou knihovnu a podle toho návodu to fungovat nebude.

Postupuj podle návodu přímo od autora.
Keeehi
Profil
Dvory59:
ale hází to tenhle error
To bude tím, že tam nemáš přilinkované jQuery které lightbox ke svému životu potřebuje.
Dvory59
Profil
Je to tak :) Hodil jsem tam i jquery a funguje to....

Chtěl jsem se ale zeptat, asi to je celkem naivní a lajcký dotaz, nicméně nejde nějakým zázračným způsobem vložit do lightboxu místo fotky jiný odkaz na stránku?
Zkusil jsem to tam dát, ale nenačetla se... Napadlo mě jestli se něco nedá přepsat v samotným lightboxu, co by to umožnilo
Keeehi
Profil
Lightbox to neumožňuje. Některé jeho klony však ano.
Dvory59
Profil
A nemáte náhodou nějakou ověřenou klasiku?
Davex
Profil
Třeba Fancybox.
Dvory59
Profil
Po malé odmlce zase zdravím. Zkusim jsem Fancyboy, vypadal mnohem lépe než klony co jsem našel já, ale hlásí mi chyby a já sem celkem v pasti...

Neví někdo o co se jedná prosím?
Davex
Profil
Dvory59:
GET chrome-extension://
net::ERR_FAILED
To je chyba nějakého pluginu v Chrome, ne? Zkoušel jsi to s vypnutými pluginy nebo v jiném prohlížeči?
Dvory59
Profil
Tak jsem to zkusil ve firefoxu, IE 11 a Opeře.. Nikde to nefunguje, ale u nich nevim jak zapnout konzoli, která by mi ukazovala chyby jako v Chromu...

Jsem celkem v pasti, mám to nalinkované přesně jak je na stránce FancyBoxu, ale ať zkouším jakoukoliv funkci, vždy se mi cokoliv zobrazí v nové stránce :/
Davex
Profil
Dvory59:
Nikde to nefunguje, ale u nich nevim jak zapnout konzoli,
Většinou klávesou F12 nebo mrkni na Nástroje pro vývojáře v prohlížečích.

Ale podle chybové hlášky stejně asi nikdo nepozná, co děláš špatně. Ukaž stránku, kde to nefunguje.
Dvory59
Profil
Nemám tu stránku nahozenou, tak to sem hodím takhle... Snad to bude stačit a pomůže to..

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>

<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
  

 <link rel="stylesheet" type="text/css" href="css/css.css">

Tohle jsou všechny odkazy na externí soubory(všechny jsou odkazovány dobře, to poslední je můj css soubor) a pak v průběhu stránky mám
<a class="various" data-fancybox-type="iframe" href="pages/buy_tickets.html">Buy Tickets</a></span>.
Stránka se zobrazí, ale ne v boxu, ale v nové stránce :/
Davex
Profil
Vypadá to, že jsi asi vynechal poslední krok uvedený v dokumentaci a chybí tam inicializace Fancyboxu.
Dvory59
Profil
jojojo, to je ono :)
Díky ti :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: