Probleme mit Darstellung von Vorschaubildern bei Envira-Lite-Galerie

  • Hallo zusammen,

    da mir hier die Envira-Galerie wärmstens ans Herz gelegt wurde, wollte ich diese einmal ausprobieren. Jetz sitze ich hier schon eine weile und komme nicht einmal bei den anfänglichen Dingen weiter.

    Das Problem dabei ist, dass ich keine Vorschau-Bilder angezeigt bekomme, füge ich die Bilder aber einfach über den Editor in einen Beitrag ein, funzt das ohne Probleme. Ich hab mal das Backend bemüht, aber da habe ich keine Einstellungen dafür gefunden.

    Ist jemandem das Problem schon mal begegnet? Es geht um diese Seite: http://www.elternbeirat-florianstrasse.de/projekt-parkplatz/


    Besten dank

    Michael

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Nachtrag: Zudem kommt zum oben genannten Problem noch ein Float-Problem hinzu. Egal was ich mache, das div wächst nicht mit der Anzahl der Bilder mit. Bei reinem Text ist das kein Problem.

    Der Code meiner page.php schaut so aus:

    das css der Bilder so:

    HTML
    article .article_content img
    {
        border: 1px solid #d4d4d4;
        float: left;
        margin: 0 10px 5px 0;
    }

    Bei statischen Seiten klappt das bei mir normalerweise immer so...


    besten dank

    Michael

  • Ok, ich nähere mich in kleinen Schritten der Lösung:


    Der Code für ein Bild schaut auf der Seite so aus:

    HTML
    <div id="envira-gallery-wrap-181" class="envira-gallery-wrap envira-gallery-theme-base envira-lightbox-theme-base"><div id="envira-gallery-181" class="envira-gallery-public envira-gallery-1-columns envira-clear isotope" data-envira-columns="1"><div id="envira-gallery-item-222" class="envira-gallery-item isotope-item envira-gallery-item-1" style="margin-bottom: 10px;" ><a href="http://www.elternbeirat-florianstrasse.de/wp-content/uploads/2016/03/IMG_20160211_093353.jpg" class="envira-gallery-181 envira-gallery-link" rel="enviragallery181" title="Projekt Parkplatz - 11.02.2016" data-thumbnail=""><img id="envira-gallery-image-222" class="envira-gallery-image envira-gallery-preload envira-gallery-image-1" src="http://www.elternbeirat-florianstrasse.de/wp-content/plugins/envira-gallery-lite/assets/css/images/holder.gif" data-envira-src="http://www.elternbeirat-florianstrasse.de/wp-content/uploads/2016/03/IMG_20160211_093353-120x120_c.jpg" alt="Projekt Parkplatz - 11.02.2016" title="Projekt Parkplatz - 11.02.2016"  /></a></div></div></div>

    Gut, ich meine gelesen zu haben, dass der Entwickler viel Wert auf cleanen Code gelegt hat - das schaut mir aber jetzt nicht danach aus...

    Wenn ich jetzt

    HTML
    src="http://www.elternbeirat-florianstrasse.de/wp-content/plugins/envira-gallery-lite/assets/css/images/holder.gif"

    entferne und

    HTML
    data-envira-src="http://www.elternbeirat-florianstrasse.de/wp-content/uploads/2016/03/IMG_20160211_093353-120x120_c.jpg"

    einfach zu

    HTML
    src="http://www.elternbeirat-florianstrasse.de/wp-content/uploads/2016/03/IMG_20160211_093353-120x120_c.jpg"

    ändere, wird das Bild ganz normal angezeigt...

    Die Frage ist jetzt nur, wie ich das in dem Plugin ändern kann...

    Einmal editiert, zuletzt von mischaef (12. März 2016 um 18:41)

  • So, wieder ein Nachtrag: Es scheint so als wenn es mit meinem selbst erstellten Theme zu tun hat. Eines der Standard-Designs genommen und schon werden alle Thumbs wunderbar angezeigt. Ich hab zwar versucht manche Dinge auszuschließen, aber bin bisher auf nichts gestoßen...

  • (…) Es scheint so als wenn es mit meinem selbst erstellten Theme zu tun hat. (…)



    Wenn Du ein Theme selbst erstellen kannst und auch sonst keinen Schrecken davor hast, auf Codeebene vorzugehen, dann ist diese

    http://forum.wpde.org/design/152703-…html#post655539

    simple Vorgehensweise ohne Galerie-Plugin evtl. für Dich zielführend, nutze aber ruhig zusätzlich das hier

    http://forum.wpde.org/design/153719-…html#post659099
    empfohlene Lightbox-Plugin, am besten samt den dort angegebenen Einstellungen und einen zusätzlichen Hover-Zoom-Effekt zum Aufpeppen des Ganzen hatte ich hier

    http://forum.wpde.org/plugins-und-wi…html#post659043

    schon mal beschrieben.

  • So, nach langem Probieren habe ich den Fehler gefunden...und man sieht, dass es nicht imemr von Vorteil ist eine Seite in so viele einzelne Teile zu zerlegen. Im Grunde war die footer.php nicht in Ordnung und der html-Teil wurde nicht richtig geschlossen. Das war im Übrigen auch der Grund, warum die Cookie-Hinweise bei mir nicht funktionierten....

    Tubedesigner
    Danke, die Links hatte ich mir schon aus einem anderen Thread aus angeschaut..^^

  • Auch wenn’s nicht immer schön ausschaut (aber wer guckt schon den Quelltext an, außer Suchmaschinen und Verrückten-wie-wir?): Es ist hilfreich, hinter die schließenden divs einen HTML-Kommentar zu schreiben, welches div man denn da gerade geschlossen hat.

    HTML
    </div><!-- #main -->

    Gehe davon aus, dass dieser oder ein ähnlicher Fehler schon vielen passiert ist. Und dass auch viele schon lange gesucht haben … (ich hatte zuletzt, dass eine Media-Query in der CSS-Datei nicht richtig geschlossen war, abschließende geschweifte Klammer fehlte. Effekt: Chrome hat die CSS-Datei genau bis dorthin gelesen. Nein, ich verrate nicht, wie lange ich gesucht habe: zu lange.)

    Langer Rede, kurzer Sinn: Danke fürs Posten der Lösung.

    Gruß
    helix

  • Genau das ist das Problem. Mich hat das gestern auch den ganzen Tag gekostet. Normalerweise zeigt ein gutes Editor-Programm per Highlightning das öffnende und schließende Element. Da die Bereiche bei WP aber über verschiedene Dateien verstreut sind, kann eben so etwas passieren. Daher sollte jeder Deinen Einwand/Vorschlag beherzigen. Mir hätte es einige Zeit erspart..^^

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!