<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 ? ' &nbsp; ' + 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>