Shadowbox für alle Seiten aktivieren

Geändert am Tue, 16 Feb 2016 um 09:52 AM

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>

War dieser Artikel hilfreich?

Das ist großartig!

Vielen Dank für das Feedback

Leider konnten wir nicht helfen

Vielen Dank für das Feedback

Wie können wir diesen Artikel verbessern?

Wählen Sie wenigstens einen der Gründe aus

Feedback gesendet

Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren