Anleitung für Contrexx

  1. Loggen Sie sich in Ihr Contrexx ein und gehen Sie unter Administration --> Layout auf Designvorlagen
  2. Hier wählen Sie nun Ihr Standart Template aus
  3. Klicken Sie nun auf index.html unter Vorlagen Dateien
  4. Fügen Sie nun unterhalb des [[JAVASCRIPT]] diesen Code ein und speichern dies danach
    <link href="/lib/javascript/shadowbox/src/skin/classic/skin.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src ="/lib/javascript/shadowbox/shadowbox.js"></script><script type="text/javascript">
    /* <![CDATA[ */
    
    Shadowbox.loadSkin('classic', cx.variables.get('basePath', 'contrexx')+'lib/javascript/shadowbox/src/skin/');
    Shadowbox.loadLanguage('en', cx.variables.get('basePath', 'contrexx')+'lib/javascript/shadowbox/src/lang');
    Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], cx.variables.get('basePath', 'contrexx')+'lib/javascript/shadowbox/src/player');
    jQuery(document).ready(function(){
      Shadowbox.init();
    })
    /* ]]> */
    </script>
    <script type="text/javascript" src ="/lib/javascript/shadowbox/src/skin/classic/skin.js"></script>
  5. Bei den Bildern bei denen Sie es nun verwenden wollen, müssen Sie ein Link Element um das Bild machen und diesem das Attribut rel="shadowbox[1]" hinzufügen. Dann sieht es in etwa so aus:  
    <a href="/images/content/Referenzen/Projekte/Bild1.png" rel="shadowbox[1]"><img src="/images/content/Referenzen/Projekte/Bild1.png"></a>

     


Anleitung für Cloudrexx

  1. Verbinden sie sich per FTP mit Ihrer Webseite und gehen Sie in den Ordner themes und dort in Ihr momentanes Theme

  2. Hier erstellen Sie einen Ordner mit dem Namen shadowbox und kopieren die Dateien aus dem ZIP im Anhang in den Ordner

  3. Gehen Sie nun in Ihr Contrexx zu Administration->Layout->Template Manager in die Datei index.html, die Verbindung mit dem FTP können Sie trennen

  4. Hier fügen Sie unterhalb des [[JAVASCRIPT]] diesen Code ein. ACHTUNG! Bei NAME_DES_TEMPLATE geben Sie den Namen Ihres Templates ein, wie er im blauen Balken überhalb des Editors steht. z.B. standart_4_0 

    <link rel="stylesheet" type="text/css" href="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.css">
    <script type="text/javascript" src="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.js"></script>
    

     

  5. Fügen Sie diesen Code direkt vor dem schliessenden Body Tag "</body>" ein.  

    <script type="text/javascript">
    	Shadowbox.init();
    </script>

        

  6. Bei den Bildern bei denen Sie es nun verwenden wollen, müssen Sie ein Link Element um das Bild machen und diesem das Attribut rel="shadowbox[1]" hinzufügen. Dann sieht es in etwa so aus:

    <a href="/images/content/Referenzen/Projekte/Bild1.png" rel="shadowbox[1]"><img src="/images/content/Referenzen/Projekte/Bild1.png"></a>