Fancybox Galerie funktioniert beim ersten mal, beim zweiten mal nicht mehr

Markus Medorn

Grünschnabel
Ich schon wieder

Jetzt das nächste Problem

Ich habe mir jetzt mit jQuery und fancybox eine Bilder Galerie erstellt sie läuft super, aber
wenn ich die Seite ein zweites mal aufrufe dann funktioniert die Galerie nicht mehr beim ersten mal schon.

Hier nochmal der Link
http://www.highrise-music.de/

Hier dann auch die direkte Seite:
http://www.highrise-music.de/photos.php


Ich bekomme dann auch folgende Fehler Meldung:
Uncaught TypeError: Cannot call method 'hide' of undefined


So dann hier auch noch der Code zur Galerie:
HTML:
<html>
<head>
    <script type="text/javascript" src="java/jquery-1.6.2.min.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" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript"> 
$(document).ready(function() { 
    $("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>';
				}
			});
	});
</script>
</head>
<body>

<div id="image1" class="hovergallery">


<a href="http://www.tutorials.de/images/photos/bild1.JPG" rel="example_group"><img class="" src="http://www.tutorials.de/images/photos/bild1.png" alt="bild" border="0" /></a>
<a href="http://www.tutorials.de/images/photos/bild2.JPG" rel="example_group"><img class="" src="http://www.tutorials.de/images/photos/bild2.png" alt="bild" border="0" /></a>
<a href="http://www.tutorials.de/images/photos/bild3.JPG" rel="example_group"><img class="" src="http://www.tutorials.de/images/photos/bild3.png" alt="bild" border="0" /></a>
<a href="http://www.tutorials.de/images/photos/bild4.JPG" rel="example_group"><img class="last" src="http://www.tutorials.de/images/photos/bild4.png" alt="bild" border="0" /></a>



</div>

<div id="footer_home"></div>
</body>
</html>

Schon mal vielen dank für die mühe
 
Zuletzt bearbeitet:
Zurück