Sodale, mittlerweile habe ich es geschafft, MooTools und Fancybox miteinander zu kombinieren, geht recht gut.
Hab mir eine Seite gebastelt, die Newsbeiträge mit Akkordeon anzeigt, die jeweils eine Galerie beinhalten, welche die Bilder mit Fancybox anzeigen läßt. Einzige Bedingung: im Seitenlayout darf unter Skript-Einstellungen nur moo_accordion aktiviert sein, alles andere weglassen.
Einfach ein neues Template anlegen, und dann unter den MooTools diesen Code einfügen:
Code:
<!-- jQuery + FancyBox implementation -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.pack.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.2.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a[href$=.jpg]").fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'titlePosition' : 'inside',
'overlayOpacity' : '0.9',
'margin' : '-100px',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<div id="fancy-title-inside" style="text-align: left;"><p style="font-weight: bold;">' + (title.length ? ' ' + title : '') + '</p><p>Bild '+ (currentIndex + 1) + ' / ' + currentArray.length + '</p></div>';
}
});
});
</script>
Und ab geht es. Bin hochzufrieden damit.
Gruß, Thomas
Lesezeichen