Autor Zpráva
Petr-K
Profil *
Ahoj,

nechci vás prosit ani tak o názor či radu, ale o pomoc. Dá se říci, že JS vůbec neumím a potřebovla s ním mallinko pomoci. Stáhl jsem si na stránky fotogalerii Fancybox. Galerie jako tanová mi funguje perfektně, ale potřeboval bych v ní udělat malinké změny.

Fotky v galerii vypadaji takto:
<h1>Domy</h1>
<a rel="example_group" title="" href="1.jpg">
	<img alt="example_group"class="img-small" src="1-s.jpg" />
</a>

<a rel="example_group" title="" href="2.jpg">
	<img alt="example_group" width="120" class="img-small" src="2-s.jpg" />
</a>

<h1>Auta</h1>
<a rel="example_group" title="" href="1.jpg">
	<img alt="example_group"class="img-small" src="1-s.jpg" />
</a>

<a rel="example_group" title="" href="2.jpg">
	<img alt="example_group" width="120" class="img-small" src="2-s.jpg" />
</a>


A kód z Fancyboxu vypada takto:
$(document).ready(function() {
	$("a[rel=example_group]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
		}
	});
});


Jde mi o to, že takto vytvořená galerie bude obsahovat po otevření 4 obrázky, protože všechny obrázky mají stejný REL. Může mi nekdo ukázat, jak z toho udělám dvě galerie? Aby jedna galerie byla jen pro Domy a druhá jen pro auta?
No a pak jako druhořadou záležitost potřebuji změnit popis fotky. Teď je tam defaultně Image. A mně se tam nedaří dostat title...

Děkuji za cokoliv.
JAAkub
Profil
Petr-K:
Môžete skúsiť namnožiť tento kód

    $("a[rel=example_group]").fancybox({
        'transitionIn'        : 'none',
        'transitionOut'        : 'none',
        'titlePosition'     : 'over',
        'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
        }
    });


Vyznačené si zmeňte na čokoľvek
A potom zmeňte aj REL=""

napr. 1 bude - domy a druhé auta
Axamith
Profil
tuto galerii detailně neznám, ale na první pohled se tváří jako odnož Lightboxu. Takže bych to viděl tak, že parametrem
rel
se určuje, co patří do které skupiny. Takže pro domy doplň do parametru rel "domy" a pro auta doplň "auta". Popis určuje parametr title.

<h1>Domy</h1>
<a rel="domy" title="" href="1.jpg">
    <img alt="example_group" title="popis domy 1" class="img-small" src="1-s.jpg" />
</a>

<a rel="domy" title="" href="2.jpg">
    <img alt="example_group" title="popis domy 2" width="120" class="img-small" src="2-s.jpg" />
</a>

<h1>Auta</h1>
<a rel="auta" title="" href="1.jpg">
    <img alt="example_group" title="popis auta 1" class="img-small" src="1-s.jpg" />
</a>

<a rel="auta" title="" href="2.jpg">
    <img alt="example_group" title="popis auta 1" width="120" class="img-small" src="2-s.jpg" />
</a>


Netestoval jsem to, jenom vycházím ze zkušeností z jiných verzí Lightboxu
Petr-K
Profil *
jeee, už to mám... diky chlapi. Ono tam bue jen toto:
$("a[rel]").fancybox({


Ale jeste k tomu popisu fotky. Tamje totiž napsáno natvrdo image a ja právě nevím, jak tam hodit proměnou, která ponese title:
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';
Petr-K
Profil *
OMG... Já jsem lama! Chybělo mi tam celou dobu znaménko +! Proto mi to nefungovalo.
return '<span id="fancybox-title-over">'+ title + (currentIndex + 1) + ' / ' + currentArray.length + '</span>';

Diky chlapi za spolupráci! Mejte se radostně a báječně!
JAAkub
Profil
Petr-K:
Aj vy :D

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: