JavaScript Fancybox helper

[RedRaptor]

Guten Tag.

Fancybox zum laufen zu bekommen, stellt nicht gerade ein große Problem da....zumindest dachte ich das:


html:

<div class="jg_element_cat">
<div class="jg_imgalign_catimgs">
<a title="titel halt" href="imagepfadblabla.jpg" class="image_thumb jg_catelem_photo jg_catelem_photo_align" rel="image_thumb" >
<img src="thumbnailblabla.jpg" class="jg_photo" width="112" height="150" alt="blabla"/>
</a>
</div>
</div>
<div class="jg_element_cat">
<div class="jg_imgalign_catimgs">
<a title="titel halt" href="imagepfadblabla2.jpg" class="image_thumb jg_catelem_photo jg_catelem_photo_align" rel="image_thumb" >
<img src="thumbnailblabla2.jpg" class="jg_photo" width="112" height="150" alt="blabla"/>
</a>
</div>
</div>

Diese Zusammenstellung der divs inkl Bilder kommt nochmal in einem anderen Div vor... sind also mehr als 2 Bilder auf der seite mit der Klasse "image_thumb". Nur möchte ich diese hier der Übersichtlichkeit halber weglassen.

Eingebetet sind auch alle files. Wenn ich in die Helper funktion einen alert reinsetz, wird dieser auch angezeigt. Der Helper wird also geladen, aber es tut sich nichts....

Hier der code:

<link rel="stylesheet" href="/templates/devproject/css/jquery.fancybox.css?v=2.0.6" type="text/css"/>
<link rel="stylesheet" href="/templates/devproject/css/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css"/>
<script type="text/javascript" src="/templates/devproject/js/jquery-1.7.2.min.js"/>
<script type="text/javascript" src="/templates/devproject/js/jquery.mousewheel-3.0.6.pack.js"/>
<script type="text/javascript" src="/templates/devproject/js/jquery.fancybox.pack.js?v=2.0.6"/>
<script type="text/javascript" src="/templates/devproject/js/jquery.fancybox-thumbs.js?v=2.0.6"/>
<script type="text/javascript">
		
		$.noConflict();
		
		jQuery(document).ready(function() {
			jQuery(".image_thumb").fancybox({
				thumbs:{}						
			});
		});
</script>

Soweit so gut. Die Fancybox funktioniert. Nur werden mir die Thumbnails nicht angezeigt.
Auf der Fancyboxwebseite gespickt, konnte ich sehen das die Thumbnails einen eigenen div bekommen unterhalb des fancybox-overlay Divs. Bei mir erscheint dort nichts. Es gibt nur den Overlay und sonst nix.

Langsam bin ich gefrustet. Ich baue das seit heute Mittag um 12 und komme keinen einzigen Milimeter weiter. Mein erster Gedanke war das es mit der noconflict-Funktion nicht zusammenarbeitet. Wenn ich mir die Demoseite vornehme und dort den noconflict inkl aller Änderungen von $ zu JQuery mache funst es anstandslos..... ich verstehe es einfacht nicht.

Inzwischen habe ich den ursrünglich von der Webseite vorgeschlagenen Code fürs java-Script auf das mindeste reduziert.

Wo liegt der Fehler?

 

[Lawnmower]

Müsstest da nicht noch die Breite und Höhe der Thumbnails angeben?

$(".fancybox").fancybox(
{ 
  helpers:
  {
    thumbs : {width: 50,height: 50}
  } 
});

 

[RedRaptor]

So jetzt komm ich mir so richtg veräppelt vor.

Exakt diesen Code hatte ich drinn, kopiert von der Fancybox-Seite. Habe wie oben beschrieben es schlussendlich rausgenommen, damit es übersichtlicher wird.

Deinen Vorschlag rein und bäm geht.

ARRRRGGGHHHHH.

Keine Ahnung woran es lag, aber jetzt gehts, Ich danke!

 

[Lawnmower]

ja manchmal sieht man den Wald vor lauter Bäumen nicht, kenn' ich. Schön das es jetzt klappt.