✔ Fancybox Inline Content funktioniert nicht

[Karottenkopf51]

Servus,

ich möchte Inline-Content wie bei dem ersten Eintrag von 'Various examples' auf http://fancybox.net/home darstellen.

Fancybox:

$(document).ready(function() {
		$(".fancy_gallery").fancybox({	'type' : 'image' });
		
		$(".fancy_inline").fancybox({
			'titlePosition'   : 'inside',
			'transitionIn'    : 'none',
			'transitionOut'   : 'none',
			'autoDimensions'  : 'true'
		});
	});

Mein Inline-Content:

<div style="display:none;">
				<div id="showInformationContent0"><?php echo $informationArray[0]['content'] ?></div>
				<div id="showInformationContent1"><?php echo $informationArray[1]['content'] ?></div>
</div>

Mein Link:

<a class="fancy_inline" href="#showInformationContent1" title="<?php echo $informationArray[1]['headline'] ?>">...</a>

CSS:

#showInformationContent0 {
	width:500px;
	height:500px;
	background-color:white;
	overflow:auto;
}

#showInformationContent1 {
	width:500px;
	height:500px;
	background-color:white;
	overflow:auto;
}

Jedoch öffnet sich Fancybox nicht. Was mache ich falsch? Wie man sieht habe ich die Inline-Elemente in einem übergeordneten Element, welchem ich display:none gegeben habe.

Ich weiß echt nicht weiter.

Gruß

 

[Karottenkopf51]

Uncaught exception: TypeError: '$("a.fancy_gallery").fancybox' is not a function

Error thrown at line 3, column 2 in <anonymous function>() in meineseite/?section=start:
    $("a.fancy_gallery").fancybox({	'type' : 'image' });
called from line 16, column 30910 in <anonymous function: resolveWith>(e, f) in meineseite/javascript/jquery-1.6.2.min.js:
    a.shift().apply(e,f)
called via Function.prototype.apply() from line 16, column 20868 in <anonymous function: ready>(a) in meineseite/javascript/jquery-1.6.2.min.js:
    A.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")
called from line 16, column 29789 in <anonymous function: B>() in meineseite/javascript/jquery-1.6.2.min.js:
    c.removeEventListener("DOMContentLoaded",B,***),e.ready()

Habe jQuery VOR FancyBox eingebunden.

<script type="text/javascript" src="javascript/functions.js"></script>
<script type="text/javascript" src="javascript/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript">
	$(document).ready(function() {	
		$("a.fancy_gallery").fancybox({	'type' : 'image' });
		
		$("a#inline").fancybox({
			'titlePosition'   : 'inside',
			'transitionIn'    : 'none',
			'transitionOut'   : 'none',
			'autoDimensions'  : 'true'
		});
		
	});
</script>

 

[Karottenkopf51]

Habe jQuery versehentlich ein zweites mal geladen, daran lag es.

Erledigt.


Gruß