$(document).ready(function(){
        $("a[rel='elast']").colorbox({overlayClose:true, current:"Bild {current} von {total}", maxWidth:"90%", maxHeight:"90%"}); // elastic, mit Galerie
        $("a[rel='elast_og']").colorbox({overlayClose:true, current:"Bild {current} von {total}", maxWidth:"90%", maxHeight:"90%", rel:'nofollow'}); // elastic, ohne Galerie
        $("a[rel='fade']").colorbox({overlayClose:true, current:"Bild {current} von {total}", maxWidth:"90%", maxHeight:"90%", rel:'nofollow', transition:"fade"}); // fade, ohne Galerie
        $("a[rel='none']").colorbox({overlayClose:true, current:"Bild {current} von {total}", maxWidth:"90%", maxHeight:"90%", rel:'nofollow', transition:"none"}); // ohne Effekt, ohne Galerie
        $("a[rel='slide']").colorbox({slideshow:true}); // Slideshow

        $("a[rel='pop']").colorbox({iframe:true, width:"50%", height:"50%"}); // Einbindung von Webseiten
        $("a[rel='web']").colorbox({iframe:true, width:900, height:500}); // Einbindung von Webseiten
        $("a[rel='web2']").colorbox({iframe:true, width:"95%", height:"95%"}); // Einbindung von Webseiten
        $("a[rel='frame']").colorbox({iframe:true, width:800, height:450}); // Einbindung von Webseiten oder YouTube etc. durch iFrames
        $("a[rel='player']").colorbox({iframe:true, innerWidth:1024, innerHeight:576, rel:'nofollow'}); // Einbindung von Webseiten oder YouTube etc. durch iFrames

        $(".example8").colorbox({width:"50%", inline:true, href:"#new"}); // Einbindung von internem HTML

        $(".example9").colorbox({
                                onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                                onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                                onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                                onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                                onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
        }); // onXX-Funktionen, die unter anderem für alert benutzt werden können
});




// Hinweis: $("a[rel='slide']") ist nichts anderes wie $(".example6"), nur dass das eine den Link und das andere die Klasse anspricht. Es wäre ebenso #test möglich für DIVs

/* -- OPTIONEN --

 - transition:          Box unterschiedlich auftauschen lassen (elastic=default, fad, none)
 - width/height:        Größe der Box, bei 100% z. B. kompletter Browser, ohne Bildgröße zu ändern
 - innerWidth/Height:   Gleich wie widht/height, jedoch zählt nur der Inhalt
 - maxWidth/Height:     Maximale Größe des Bildes + Box im Browser
 - overlayClose:        Box durch Klicken in den Hintergrund schließen (true/false)
 - current:             Text bei Bildanzahl z. B. Bild 1 von 10 ({current}/{total})
 - rel:                 Ermöglicht es unter anderem Galerie auszuschalten (nofollow)
 - slideshow:           Ermöglicht automatisches Blättern der Bilder
 - slideshowSpeed:
 - slideshowAuto:
 - slideshowStart:
 - slideshowStop:

*/