5 replies to this topic

[RB]

Hej,
Har lite fastnat i en problem med Fancybox och gallerier. Försöker att skappa flera galleri på en sida, men bilder visar sig inte som jag vill.
Om nån kan hjälpa lite gran hade jag varit jätte tacksam.
/RB

[KilgoreTrout]

Ok, jag kan kanske hjälpa.

[RB]

KilgoreTrout på 14 Nov 2011, 08:53 sade:

Ok, jag kan kanske hjälpa.

Hej,
om jag använder fancybox 1.3.4 (som är aktuelt på www.fancybox.net) och vill skappa flera gallerier på en sida,
hur ska jag gruppera bilder så att de blir visade på rätt sätt?
Bilder ska jag lägga i images mapp, men ska jag gruppera de där också?

Om du har laddat när den fancybox 1.3.4 och i mappen har du index.html som demo, där ser du i sista raden hur det ser ut.
Hoppas att du förstår hur jag menar.
Tack!
/RB

[KilgoreTrout]

Om du kollar index.html i en html-editor så ser du denna Javascript:

$("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 + (title.length ? ' &nbsp; ' + title : '') + '</span>';
	}
   });

Och i html-koden för varje bild som ska ingå i det galleriet en länk som ser ut såhär:

<a rel="example_group" href="./example/10_b.jpg" title=""><img alt="" src="./example/10_s.jpg" /></a>

Så för att ha fler gallerier på en sida måste du kopiera och klistra in javascripten ovan och ge den ett unikt namn. T.ex example_group1.
Första raden i javascripten:

$("a[rel=example_group1]").fancybox({

Och för varje bild i det nya galleriet också example_group1:

<a rel="example_group1" href="./example/10_b.jpg" title=""><img alt="" src="./example/10_s.jpg" /></a>

[RB]

det verkar att jag har missat nåt. Det funkar inte, ....
/RB

[KilgoreTrout]

Kan jag få se din sida som du inte får att funka?