Hoppa till innehåll

Nån som kan Fancybox


RB

Recommended Posts

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

Länk till kommentera
Dela på andra webbplatser

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 ? '   ' + title : '') + '</span>';
}
});
[/CODE]

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

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

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:

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

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

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

Länk till kommentera
Dela på andra webbplatser

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gäst
Svara på detta ämne ...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Läser
  • Användare som läser detta    0 medlemmar

    • Inga registrerade användare tittar på detta sida.






















×
×
  • Skapa ny...