Contao-Camp 2024
Seite 4 von 4 ErsteErste ... 234
Ergebnis 121 bis 129 von 129

Thema: [full-background-images] - Full Background Image(s) / Slider

  1. #121
    Contao-Nutzer
    Registriert seit
    11.08.2015.
    Beiträge
    36

    Standard

    Hallo bythehead,

    entschuldige bitte die späte Antwort; ich war im Urlaub und habe den Thread dann nicht mehr im Auge gehabt.
    Ich habe die gleiche Kombi jetzt in einem anderen Projekt verwendet; da funktioniert es. Ergo habe ich irgendwo einen Fehler drin bei dem anderen.
    Danke für deine Hilfe!

    LG Silvi

    EDIT:
    Ich habe deine Lösung ausprobiert, da waren nur zwei kleine Tippfehler drin (muss centered unten heißen):

    Code:
    <script type="text/javascript">
        window.addEventListener("load-fullbg", function() {
            ;(function($){
                $(document).ready(function() {
                    // array with images
                    var images = [<?php echo $this->images; ?>];
    
                    // should the single image be randomized (only on mobile)? 
                    var random = true;
                    var index = 0;
    
                    // check the device width
                    if ($(window).width() < 641) {
                        // check, if random image is used
                        if (random) {
                            // get random index value between 0 and images.length
                            index = Math.floor(Math.random() * images.length) + 0;
                        }
                        
                        // overwrite multi image array with single image array
                        images = [images[index]];
                    }
    
                    $.backstretch(
                        'body',
                        images,
                    {
                        duration: <?php echo $this->timeout; ?>,
                        fade: <?php echo $this->speed; ?>,
                        nav: <?php echo $this->nav; ?>,
                        navClick: <?php echo $this->navClick; ?>,
                        navPrevNext: <?php echo $this->navPrevNext; ?>,
                        centeredX: <?php echo $this->centeredX; ?>,
                        centeredY: <?php echo $this->centeredY; ?>
    
                    });
                });
            })(jQuery);
        });
    </script>
    Ich bin leider nicht fit in JavaScript.
    Könnte man hier nicht ansetzen und sagen: Wenn <641, dann zeige gar kein Hintergrundbild - während ich dieses dann über CSS bestimmen könnte?

    Ansonsten finde ich die Lösung aber auch so schon sehr hilfreich. Vielen Dank!!
    Geändert von Silvi79 (05.07.2016 um 12:35 Uhr)

  2. #122
    Contao-Nutzer Avatar von bytehead
    Registriert seit
    03.08.2009.
    Ort
    Luzern, Schweiz
    Beiträge
    105
    Partner-ID
    7707

    Standard

    Hallo Silvi

    Zitat Zitat von Silvi79 Beitrag anzeigen
    entschuldige bitte die späte Antwort;
    Kein Ding

    Zitat Zitat von Silvi79 Beitrag anzeigen
    Ich habe deine Lösung ausprobiert, da waren nur zwei kleine Tippfehler drin (muss centered unten heißen)
    Alles klar, hab ich wohl verpasst.

    Zitat Zitat von Silvi79 Beitrag anzeigen
    Könnte man hier nicht ansetzen und sagen: Wenn <641, dann zeige gar kein Hintergrundbild - während ich dieses dann über CSS bestimmen könnte?
    Klar, du könntest bei kleinen Bildschirmen backstretch deaktivieren:

    Code:
    <script type="text/javascript">
        window.addEventListener("load-fullbg", function() {
            ;(function($){
                $(document).ready(function() {
                    // array with images
                    var images = [<?php echo $this->images; ?>];
    
                    // should the single image be randomized (only on mobile)? 
                    var random = true;
                    var index = 0;
    
                    // check the device width
                    if ($(window).width() > 641) {
                        $.backstretch(
                        'body',
                        images,
                        {
                            duration: <?php echo $this->timeout; ?>,
                            fade: <?php echo $this->speed; ?>,
                            nav: <?php echo $this->nav; ?>,
                            navClick: <?php echo $this->navClick; ?>,
                            navPrevNext: <?php echo $this->navPrevNext; ?>,
                            centeredX: <?php echo $this->centeredX; ?>,
                            centeredY: <?php echo $this->centeredY; ?>
    
                        });
                    }
                });
            })(jQuery);
        });
    </script>
    Beste Grüsse
    bytehead
    1up AG » Ihr Realisationspartner für Projekte und Erweiterungen mit Contao und Symfony!

  3. #123
    Contao-Nutzer
    Registriert seit
    17.08.2016.
    Beiträge
    1

    Standard Bildbeschreibung einfügen

    Hallo an alle!

    Contao ist noch neu für mich, ich baue an einer recht simplen Seite.
    Die Erweiterung klappt bei mir soweit prima, finde es ganz toll, dass ich sie mit meinen wenigen Kenntnissen zum Laufen bringen konnte!
    Vielen vielen Dank!

    Zum ganz großen Glück müsste ich es nur noch irgendwie schaffen, die im Hintergrund erscheinenden und wechselnden Bilder mit einer jeweiligen Bildbeschreibung versehen zu können. Ein Traum wäre natürlich wenn man bei der Auswahl der Bilder im Backend eine Beschreibung mit eingeben könnte, die dann auch in der Slideshow erscheint. Da ich das aber garantiert nicht selbst hinkriege, wäre ich mit einer abgespeckten Version schon sehr froh

    Könnte man vielleicht über CSS die einzelnen items permanent mit Nummern versehen, also z.B. mit list-style-type? Dann kann ich im z.B. Footer die entsprechenden Angaben als nummerierte Liste machen, und ändern, wenn ich mal ein Bild austausche.

    Bin über jede Idee dankbar, meine Fähigkeiten sind jedoch begrenzt

  4. #124
    Contao-Nutzer
    Registriert seit
    15.02.2014.
    Beiträge
    14

    Multimedia Aktion bzgl. Aktuellls Bild einleiten

    Hallo Zusammen,

    ich habe bzgl. der Verwendung des Moduls, noch einmal eine Frage.

    Ich habe jetzt die Aufgabe erhalten in, Abhängigkeit von dem aktuellen Bild eine Onklick-Reaktion zu erzeugen, defakto
    eine Lightbox darzustellen mit gemischten Inhalten.

    Ansatz wäre (so denke ich), entweder den aktuellen Indexwert (des aktuellen Bildes) abzufragen oder den "img-src" abzugleichen.
    Ich denke mir die Zeitspanne des Fadeeffektes kann ich vernachlässigen, also wäre es einfacher mit dem Index zu arbeiten.

    Meine JS-Kenntnisse scheinen dazu nicht ausreichend zu sein

    Kann mir dabei jemand auf die Sprünge helfen, wie und wo ich das im Source am besten abfrage?

    VG
    und DANKE
    Mario

  5. #125
    Contao-Fan Avatar von toto
    Registriert seit
    09.02.2010.
    Ort
    Bad Oeynhausen
    Beiträge
    386

    Standard

    Hallo zusammen,

    sehr coole Erweiterung. Auch ich hätte Interesse das der Titel und die Bildbeschreibung vom Dateimanager mit ausgegeben wird. Kann man das evtl. im Template integrieren? Gestaltung wäre dann ja über CSS möglich...

    Gruß Toto

  6. #126
    Contao-Nutzer
    Registriert seit
    18.07.2012.
    Beiträge
    20

    Standard

    Bug bei Touch-Desktops.

    Ich habe bei der (ansonsten ziemlich coolen) Erweiterung leider einen Bug gefunden, der mir ziemlich viele graue Haare beschert hat.

    Und zwar bei Windows 10, Desktop, Chrome mit Touch-Fähigem Display.
    Dort wird das Gerät mit isMobile = true erkannt
    und bei der Abfrage
    landscape = (Math.ceil(window.innerWidth / window.innerHeight) > Math.ceil(screen.width / screen.height))
    kommt das "landscape" an einer falschen Stelle: Nämlich dann, wenn der Screen auf Landscape steht (was ja beim Desktoprechner nicht schwer ist) und das Fenster "noch landscapiger" ist als der Bildschirm. Also z.B. bei Bildschirmauflösung 1920x1680 und Fenster 1700x500 (ganz extrem gezeigt).

    Dann wird landscape auf true gesetzt (hier ist es eigentlich genau andersherum als man es erwarten würde?) und das Bild ist rechts abgeschnitten und lässt einen weißen Bereich.

    Ich bin noch am Rumprobieren, wie man das lösen könnte.

  7. #127
    Contao-Nutzer Avatar von bytehead
    Registriert seit
    03.08.2009.
    Ort
    Luzern, Schweiz
    Beiträge
    105
    Partner-ID
    7707

    Standard Github Issue Tracker

    Hallo zusammen

    Unter https://github.com/1up-lab/contao-fu...kground-images wäre ein Bug-Tracker für die Erweiterung zu finden. Ihr dürft dort gerne Fehler und Features melden

    Beste Grüsse
    bytehead
    1up AG » Ihr Realisationspartner für Projekte und Erweiterungen mit Contao und Symfony!

  8. #128
    Contao-Nutzer
    Registriert seit
    12.04.2016.
    Beiträge
    15

    Standard

    Hi, vielen Dank für das super Modul. Ich überlege es für mein nächstes Projekt einzusetzen. Hier fehlt mir allerdings zwecks Ladezeitenoptimierung noch die Möglichkeit auf die hinterlegten Bildgrößen in Contao zurückgreifen zu können. Nach dem folgenden Prinzip: Desktop = stelle Bild mit 1900px bereit, Smartphone = stelle Bild mit 600px bereit.

    LG

  9. #129
    Contao-Nutzer
    Registriert seit
    15.11.2011.
    Beiträge
    81

    Standard Einstellungsmöglichkeiten bei Einbindung als Modul?

    Hallo,

    ich habe die Erweiterung als Modul in der Kopfzeile eingebunden und lade dort jedes Mal ein anderes Bild.
    Ich vermisse die Einstellungen beim Modul, die ich sonst auf der Root-Seite bzw. auf jeder Seite explizit habe, wie z.B. Bildübergang, Dauer, ...
    Sind diese Einstellungen bei Einsatz als Modul nicht vorgesehen?

    VG
    Oliver

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •