WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 10.09.2017 14:30:13

norhei
Developer

Colorbox 1.7.0

Um das testen der neuen Features mal fortzusetzen habe ich mir erlaubt die alte Colorbox ein wenig aufzubohren.

Auch hier bitte eine aktuelle Master (1.3.x) zum testen nutzen. 

Zum ersten ist einmal die alte frontend.js Geschichte. Es wurde erst einmal head.js geladen um dann alle Einzelteile per Javascript nachzuladen. Zusätzlich war head.js erweitert um eine Funktion die das richtige CSS Template nachladen musste.
Eine Auswahl des Templates konnte man nur direkt im Quelltext vornehmen. Die Entwicklung von head.js ist schon eine Weile eingestellt und alles in allem keine gute Lösung.

Zusätzlich gibt es jetzt ein Admintool in dem man sich einfach das Design einstellen kann.
Man kann auch noch das Modul ausstellen oder Jquery ins Template Laden aber da sollte man nur dran gehen wenn man einigermassen weiss was man tut.  Genauso wie an die Möglichkeit noch einige extra Colorbox Definitionen im Backend einzufügen.

Dieses Modul funktioniert weder mit Älteren WBCE Versionen, noch mit Classic. Dort fehlen einfach die neuen Funtionen.. :-(

Nachtrag : Download File korrigiert,

Offline

Liked by:

colinax, florian

#2 11.09.2017 14:32:22

florian
Administrator

Re: Colorbox 1.7.0

Der Installer oben ist irgendwie falsch gepackt. Mit dem hier funktioniert zumindest die Installation und das Admintool wird angezeigt.
Leider funktioniert das Verschieben der Scripte im Frontend noch nicht richtig, der Colorbox-Code wird noch _vor_ der Doctype-Definition und <html> <head> eingefügt - sowohl im originalen Vertal- als auch Hortal-Template.

Ausschnitt aus dem generierten Code:

<!--(MOVE) CSS HEAD TOP- -->
    <!-- Colorbox module design file -->
    <link rel="stylesheet" href="http://.../modules/colorbox/css/1/colorbox.css" />
    <!--(END)-->

    <!--(MOVE) JS HEAD TOP- -->
    <!-- Colorbox query module -->
    <script type="text/javascript" src="http://.../modules/colorbox/js/jquery.colorbox-min.js"></script>
    <!--(END)-->

    <!--(MOVE) JS BODY BTM- -->
    <!-- Colorbox module class definitions --> 
    <script type="text/javascript">
        jQuery(".colorbox").colorbox({
            loop:false,
            maxWidth:"90%",
            maxHeight:"90%",
            opacity: "0.7",
            current: "Bild {current} von {total}"
        });
        jQuery("a[rel='csingle']").colorbox({
            loop:false,
            opacity: "0.7",
            maxWidth:"90%",
            maxHeight:"90%",
            current: "Bild {current} von {total}"
        });                 
        jQuery("a[rel='cfade']").colorbox({
            loop:false,
            transition:"fade",
            opacity: "0.7",
            maxWidth:"90%",
            maxHeight:"90%",
            current: "Bild {current} von {total}",
            speed: 800
        });                     
        jQuery("a[rel='cslide']").colorbox({
            slideshow:true,
            loop:true,
            slideshowSpeed:6000,
            slideshowAuto:true,
            transition:"elastic",                                                
            opacity: "0.7",
            maxWidth:"90%",
            maxHeight:"90%",
            previous:"zur&uuml;ck",
            next:"vor",
            close:"schlie&szlig;en",
            current: "Bild {current} von {total}",
            slideshowStart: "Diashow starten",
            slideshowStop: "Diashow anhalten"                    
        });
        jQuery(".youtube").colorbox({
            loop:false,
            iframe:true,
            width:650,
            height:550
        });
        jQuery(".iframe").colorbox({
            iframe:true, 
            width:"90%",
            height:"90%",
            loop:true
            
        });
        jQuery(".tp_editlink").colorbox({
            loop:false,
            width:"90%",
            height:"90%",
            iframe:true
        });
        
        // Extra usermade definitions
        
        jQuery(".exampelbox").colorbox({
            loop:false,
            maxWidth:"90%",
            maxHeight:"90%",
            opacity: "0.7",
            current: "Bild {current} von {total}"
        });
        // Extra usermade definitions END
    </script>
    <!-- Colorbox module class definitions END-->
    <!--(END)-->

<!DOCTYPE html>
<html lang="en">
<head>
<!--(PH) META HEAD+ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="language" content="en"/>
<!--(PH) TITLE+ --><title>Enter your website title - na</title><!--(PH) TITLE- -->
<!--(PH) META DESC+ --><meta name="description" content=""/><!--(PH) META DESC- -->
<!--(PH) META KEY+ --><meta name="keywords" content=""/><!--(PH) META KEY- -->
<meta name="generator" content="WBCE CMS; https://wbce.org"/>

<meta name="viewport" content="width=device-width, initial-scale=1">
<!--(PH) META HEAD- -->

<!--(PH) CSS HEAD TOP+ -->
    <!-- Hier wird das CSS dazugeladen, was Module und Templates brauchen.-->
    <!--(PH) CSS HEAD TOP- -->

<!--(PH) JS HEAD TOP+ -->
    <!-- Hier wird das eingebaute Jquery dazugeladen -->
    <script type="text/javascript">
var URL = 'http://gibtsnichtmehr.tld/0903';
var WB_URL = 'http://gibtsnichtmehr.tld/0903';
var TEMPLATE_DIR = 'http://gibtsnichtmehr.tld/0903/templates/wbce_hortal';
</script>
<script src="/0903/include/jquery/jquery-min.js" type="text/javascript"></script>
<script src="/0903/include/jquery/jquery-insert.js" type="text/javascript"></script>
<script src="/0903/include/jquery/jquery-include.js" type="text/javascript"></script>
<script src="/0903/include/jquery/jquery-migrate-min.js" type="text/javascript"></script>
<script src="/0903/include/jquery/jquery_theme.js" type="text/javascript"></script>
    <!-- Hier wird das JS dazugeladen, was Module und Templates brauchen. -->
    <!--(PH) JS HEAD TOP- -->

<!--(PH) CSS HEAD BTM+ -->  
    <!--  CSS template spezifisch kann auch die vorherigen Definitionen überschreiben -->
    <link href="/0903/templates/wbce_hortal/editor.css?rs=1505136623" rel="stylesheet" type="text/css" />
    <link href="/0903/templates/wbce_hortal/template.css?rs=1505136623" rel="stylesheet" type="text/css" />

    <!-- CSS für den Colorpicker -->
    <link href="/0903/templates/wbce_hortal/colorset/colorset.php?rs=1505136623" rel="stylesheet" type="text/css" />

    <!-- CSS für den Slider -->
    <link rel="stylesheet" href="/0903/templates/wbce_hortal/responsive-slider/responsiveslides.css" type="text/css" media="screen" />

    <!-- hier könnte noch weiteres CSS einfgefügt werden -->     
<!--(PH) CSS HEAD BTM- -->

<!--(PH) JS HEAD BTM+ -->
<!--(PH) JS HEAD BTM- -->
	<script src="/0903/modules/output_filter/js/mdcr.js" type="text/javascript"></script>

</head>

Getestet mit dem Master von heute.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 12.09.2017 08:32:49

norhei
Developer

Re: Colorbox 1.7.0

Wo kann ich mal schauen :-)

Offline

#4 12.09.2017 09:07:14

norhei
Developer

Re: Colorbox 1.7.0

Sieht aus wie ein dummes ekeliges Output Buffer Problem
Liegt nicht am Modul sondern an den Core Änderungen.

Offline

#5 12.09.2017 09:25:40

norhei
Developer

Re: Colorbox 1.7.0

Sollte auf dem Server und im aktuellen Master jetzt behoben sein.

Offline

Liked by:

florian

#6 03.12.2017 17:23:01

norhei
Developer

Re: Colorbox 1.7.0

Eigentlich sollte die Colorbox ja mit in die nächste Version , habe Sie aber erst grade wiedergefunden.

Bitte nochmal testen !
Wenn ok, dann pack ichs noch mit ins Release .

Offline

#7 03.12.2017 23:07:08

colinax
Developer

Re: Colorbox 1.7.0

Supi, schau ich mir morgen Abend an.

Muss ich auf was bestimmte achten bzw. was hat sich zwischen 1.7.0 und 1.7.2 geändert?

Offline

#8 04.12.2017 22:17:34

colinax
Developer

Re: Colorbox 1.7.0

Hab colorbox 1.7.2 getest, im BE scheint soweit alles zu passen.

Nur im FE gibts Probleme, die Modul Dateien werden an der falschen Stelle geladen, logischer Weise sollte diese nach jQuery geladen werden und nicht davor - siehe Anhang.

Beitrag geändert von colinax (04.12.2017 22:19:02)

Offline

#9 05.12.2017 07:39:35

norhei
Developer

Re: Colorbox 1.7.0

Nichts wirkliches bis auf ein paar texte , ich bin mir nur nicht sicher ob das eine Version ohne Bugs war ?
Wenn Alles OK dann gleich in den Core damit . Ich hatte hier ein wenig Unordnung mit meinen Festplatten und mein REchner hat sich beim Upgrade zerlegt ..

Offline

#10 07.12.2017 12:47:28

colinax
Developer

Re: Colorbox 1.7.0

Um colorbox 1.7 in den Core aufzunehmen, müsste man vorher noch dafür sorgen dass die benötigten Datein an der richtigen Stelle geladen werden

Offline

#11 24.05.2018 13:49:07

better-work
Mitglied

Re: Colorbox 1.7.0

...und wird daran noch gearbeitet, oder hat sich das Projekt an dieser Stelle erledigt?


Gruß Jörg

Offline

Fußzeile des Forums

up