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 [Link: Registrierung erforderlich] 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: 12.91 KB / Downloads: 12) zu finden.

TemplateGalleryV2:
  TemplateGalleryV2.zip (Größe: 1.37 MB / Downloads: 8)

TemplateGalleryV3:
  TemplateGalleryV3.zip (Größe: 1.37 MB / Downloads: 9)
Grüße Igelaty

Kurze Frage :
Immer wieder habe ich das Problem das die Scripte den Webserver komplett auslasten wenn man 100+ Fotos gleichzeitig laden muss.
Gibt es hier Abhilfe ?

Meinst du bezüglich meines Templates oder allgemein?

An sich gibt es die Möglichkeit, die Bilder über javascript nachzuladen, z.B. über lazyload.

Sieht gut aus und ist sicherlich für den ein oder anderen zu gebrauchen!

Mfg

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 6 Bilder werden sofort geladen, alle weiteren werden
durch lazyload nachgeladen, sobald sie in den Viewport kommen, dies ist selbstverständlich anpassbar.

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

Die neue Version ist ganz oben wieder im Thread als Zip downloadbar

Versionsname: TemplateGalleryV2

Neue Version: TemplateGalleryV3
Verbesserung von LazyLoad

Die Seite musst du überarbeiten, mir wird sie ohne Struktur angezeigt mit einem Fehlendem Pfad....

Magst du mir sagen, worauf du dich beziehst,
[Link: Registrierung erforderlich]
zieht gerade um und ist deswegen momentan nicht erreichbar.

verstehe, wusste ich nicht. Die Seite wurde mir vorhin Fehlerhaft angezeigt.
))