Fancybox Fragen

[CrazyLopp]

Guten Abend,

ich habe mal eine Frage und zwar würde ich gerne meine Lightbox ersetzten durch die Fancybox, jedoch weiß ich nicht genau wie es geht habe schon auf der Hp nachgeschaut und dort steht auch was, leider blicke ich dort nicht so ganz durch...

Also was wichtig ist, das ich eine Gallery mit einem Hauptbild erstelle (welches zu sehen ist) und wenn man auf weiter klickt soll man die ganzen anderen Bilder sehen...

Mit der Lightbox habe ich das nach langem probieren und durch das Tutorial von Sokie geschafft nun kommt die Fancybox dran, und nun brauche ich wieder hilfe

Wenn ihr nicht ganz verstanden habt was ich meine dann könnt ihr euch meine Testhp anschauen dort ist die besagte Lightbox

Wie schon gesagt, da meine Homepage nun auf ein richtigen Webspace kommt würde ich diese Lightbox durch die Fancybox ersetzten...


Vielen dank für eure Hilfe

Mfg
Crazylopp

 

[Dragor]

AW: Fancybox Fragen

Fancybox | Fancy lightbox alternative

bitte schön ;-)

 

[sokie]

AW: Fancybox Fragen

ich weiss nicht, ob das nur mir so geht aber irgendwas verhindert das Anzeigen des kontextmenüs (rechte Maustaste). Das solltest du vielleicht ändern, wenn du schnelle Hilfe mit deinem Code suchst.

bei der Fancybox ist es gut, wenn man die Bilder im Dokument strukturiert unterbringt zB.:

<div id="krefeld">
  <a href="xx.jpg" rel="krefeld"><img src="yy.jpg" /></a>
  <a href="xx.jpg" rel="krefeld"><img src="yy.jpg" /></a>
  <a href="xx.jpg" rel="krefeld"><img src="yy.jpg" /></a>
</div>

so kann man dan im script einfach auswählen:

$(document).ready(function(){
  $("#krefeld a").fancybox();
}

das ausblenden der anderen Bilder kannst du dann auf dem gleichen Weg machen:

$(document).ready(function(){
  $("#krefeld a:gt(0)").css("display","none");
  $("#krefeld a").fancybox();
}

bewirkt dass alle links ausser dem allerertsen (index:0) nicht dargestellt werden. über das "rel" attribut im "a"-Tag werden die übrigen dann aber trotzdem in der Box angezeigt.