<script type="text/javascript"> $(document).ready(function() {
/* * Beispiele Fotos nach “ID” (von links nach rechts und oben nach unten) */
$("a#example1").fancybox();
$("a#example2").fancybox({ 'overlayShow': false, 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'titlePosition': 'inside' });
$("a#example3").fancybox({ 'transitionIn': 'none', 'transitionOut': 'none', 'centerOnScroll': 'true' });
$("a#example4").fancybox({ 'opacity': true, 'transitionIn': 'elastic', 'transitionOut': 'none', 'titlePosition': 'over', 'overlayColor' : '#000' });
$("a#example5").fancybox();
$("a#example6").fancybox({ 'titlePosition': 'outside', 'overlayColor': '#000', 'overlayOpacity': 0.9 });
$("a#example7").fancybox({ 'titlePosition': 'inside' });
$("a#example8").fancybox({ 'titlePosition': 'over' });
/* * Beispiel der Foto-Galerie nach “rel” Attribut */
$("a[rel=example_group]").fancybox({ 'transitionIn': 'none', 'transitionOut': 'none', 'titlePosition' : 'over', 'titleFormat': function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-over">Foto ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>'; } });
/* * Beispiele der unteren 4 Links nach “ID” */
$("#various1").fancybox({ 'titlePosition': 'inside', 'transitionIn': 'none', 'transitionOut': 'none' });
$("#various2").fancybox();
$("#various3").fancybox({ 'width': '75%', 'height': '75%', 'autoScale': false, 'transitionIn': 'none', 'transitionOut': 'none', 'type': 'iframe' });
$("#various4").fancybox({ 'padding': 0, 'autoScale': false, 'transitionIn': 'none', 'transitionOut': 'none' }); }); </script>
|