FotoGallery-Template by Igelaty

    Hey ho liebe Community,



    In letzter Zeit habe Ich mich ein wenig mit Html, Css und auch mit js
    beschäftigt. In Rahmen dessen ist eine Online-Gallery mit meinen
    Urlaubfotos entstanden.
    Mit mixItUp habe ich eine schöne Möglichkeit gefunden Elemente zu filtern.
    Zu dem habe mir immer wieder Sachen die mir gefielen angeguckt und angepasst mit aufgenommen.
    So ist eine Seite entstanden, mit einem simplen Grid-System, einer
    aufklappbaren Sidebar und der Möglichkeit sich eine vergößerte Version
    des Bildes anzeigen zu lassen.



    Die Seite ist unter https://photography.igelaty.de/ zu finden.



    Über Feedback wäre Ich natürlich erfreut, zu dem habe Ich das ganze als
    kleines Html-Template zusammengefasst, Ich denke mit ein wenig Erfahrung
    oder Mühe sollte man in der Lage sein dieses nach Seinen Wünschen
    anzupassen, ansonsten wäre Ich dabei auch gerne bereit zu helfen.



    Dies ist sicherlich nicht die letzte Version und wird wahrscheinlich noch mal überarbeitet, Template ist im Anhang


    Template Photography.zip


    Grüße Igelaty

    Man kann den Bildern eine Beschreibung hinzufügen, dies ist im CSS vorhanden,
    allerdings von mir nicht verwendet, dies war in einer der zahlreichen Seiten die ich mir angeguckt hatte enthalten,
    werde ich aber auch noch mal einbauen und mich hier dann noch mal melden.


    Zum Uploader:
    Ist eine schöne Idee, ob und wie Ich das einbauen werde, kann ich zum jetzigen Zeitpunkt noch nicht sagen,
    da ich aber davon ausgehe, dass Ich mich dem ganzen noch häufiger widmen werde nicht ganz ausgeschlossen.

    So,
    nun mal eine weitere Version des ganzen,
    das Template wurde folgendermaßen bearbeitet:



    Bilder werden per php aus einem Ordner geladen,
    dadurch müssen keine Bilder mehr im Quellcode angegeben werden, sondern
    nur noch im jeweiligen PHP-Teil der Ordnerpfad.



    Nur die ersten Bilder werden sofort geladen, alle weiteren werden
    durch lazyload nachgeladen, sobald sie in den Viewport kommen.



    Das ganze ist bei weitem nicht perfekt, für solche Funktionen
    sollte man eigentlich auf eine Datenbank zurückgreifen !!!


    TemplateGalleryV3.zip