Fancybox len jedného obrázku

[mirecek]

Vie niekto poradiť ako a čo spraviť aby sa na stránke po vložení obrázka (nie cez modul gallery) po kliknutí vytvoril veľký náhľad (ako fancybox)?

treba to zapracovať do css?

[Tasartir]

Ahoj mirecku.
Představoval by sis spíš něco jako Fancybox, nebo ti bude stačit přímo Fancybox? :) Tohle vypadá na obecnou otázku.
Všechno potřebné najdeš v návodu na oficiální stránce Fancyboxu. Pokud by přece jenom nebylo něco jasného, klidně se ptej konkrétně.

Obecně na to potřebuješ javascript jQuery, javascript Fancyboxu, CSS fancyboxu a spouštěcí script, který bude definovat vlasttnosti nastavení fancyboxu a objekty, pro které bude používán.

Fancybox pracuje jak s jednotlivými obrázky, tak i se skupinou, která je svázaná pomocí atributu rel. Můžeš ho spouštět i automaticky na všechny odkazy na stránce, které mají href parametr končící na jpg/png/gif, nebo na všechny odkazy, které obsahují <img>, viz bod 2 na stránce Tips&Trics

Doufám že jsem aspoň trochu odpověděl na tvůj dotaz.

[mirecek]

Ďakujem za rýchlu odpoveď

Áno priamo fancybox.Pre upresnenie by som to chcel zapracovať aby to bolo vidieť pri pridávaní obrázku vo výbere trieda viď obrázok v prílohe.

[mirecek]

Tak už sa mi to podarilo zapracovať funguje aj po pridaní v tinymce
len mi teraz pri kliknutí na náhľad píše toto:
The requested content cannot be loaded.
Please try again later..

V čom môže byť chyba?
môj postup bol:
1 - stiahnutie fancyboxu a nahranie do webftp
2 - Skripty sú v head :
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></__script>
<__script__ type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></__script>
<__script__ type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></__script>
<__script__ type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></__script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
{literal}
<__script__ type="text/javascript">
$(document).ready(function() {

/* This is basic - uses default settings */

$("a:has(img)").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
'hideOnContentClick': true
});

/* Apply fancybox to multiple items */

$("a#group").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
$(".fancy").fancybox();
});
</__script>
{/literal}

a aj v css ako - a.fancy{}
V čom je chyba?

[Tasartir]

Takhle to vypadá, pokud odkaz směřuje na neexistující obrázek. Je adresa k obrázku v pořádku? Jak vypadá href v odkazu? Směřuje tam, kam má?

[mirecek]

Už som to konečne vyriešil
1. nahrať obrázok cez tinymce a nastaviť šírku a výsku poprípade štýl obrázku - css
2. vložiť odkaz (link) na obrázok, ktorý má byť ako veľký náhľad
Viď príloha
3. to je všetko. Možno "dlhšia cesta" ale funkčná